.device-item { display: flex; justify-content: space-between; } .device-result { flex: 1; text-align: center; } .command { background-color: black; color: white; margin: 24rpx; padding: 10rpx; margin-bottom: 0; } .command-result { background-color: black; color: white; /* margin: 0 24rpx 24rpx 24rpx; */ margin-top: 24rpx; overflow: auto; height: 350rpx; word-wrap: break-word; word-break: normal; } .command-line { background-color: black; color: white; font-family: monospace; padding: 20rpx; border: 1rpx solid white; padding: 10rpx; overflow: auto; height: 350rpx; margin: 24rpx; margin-top: 0; overflow-y: scroll; text-align: right; } .command-line view { word-wrap: break-word; word-break: normal; } .event-bar { display: flex; justify-content: space-between; /* padding: 24rpx; */ flex-wrap: wrap; } .btn-con { padding: 0 20rpx; display: flex; justify-content: flex-start; padding: 24rpx; flex-wrap: wrap; } .btn-con button { width: 200rpx; background-color: #f8f8f8; color: #000; text-align: center; padding: 5rpx; border: 1rpx #ccc solid; margin-bottom: 15rpx; font-size: 20rpx; } .command-input { width: 100vw; padding: 24rpx; } .command-input button { margin-bottom: 10rpx; } textarea { height: 30rpx; width: auto; position: relative; padding: 30rpx 24rpx; margin-bottom: 20rpx; border: 1rpx solid #c2bebe; border-radius: 30rpx; } .dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1; } .dialog-content { background-color: #fff; padding: 20rpx; border-radius: 10rpx; box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2); width: 80%; } .dialog-title { font-size: 35rpx; font-weight: bold; margin-bottom: 10rpx; text-align: center; } .dialog-message { font-size: 30rpx; margin-bottom: 20rpx; } .dialog-button { padding: 10rpx 20rpx; border-radius: 5rpx; font-size: 30rpx; } .clear-btn { margin: 24rpx; }