1 line
1.9 KiB
CSS
1 line
1.9 KiB
CSS
|
.key-container[data-v-bf6b11c6]{margin-top:50px;width:100%;display:flex;display:-webkit-flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4px;background-color:#f4f8fb;border-radius:16px;flex-wrap:wrap}.input-box[data-v-bf6b11c6]{font-size:40px;margin-bottom:20px;text-align:right;width:100%}.keyboard[data-v-bf6b11c6]{position:relative;bottom:0;left:0;height:305px;width:100%;font-size:20px}.keyboard .key-row[data-v-bf6b11c6]{display:flex;display:-webkit-flex;position:relative;height:77px;line-height:77px}.keyboard .key-row[data-v-bf6b11c6]:before{content:"";position:absolute;left:0;top:0;right:0;height:1px;color:#d5d5d6;transform-origin:0 0;transform:scaleY(.5)}.keyboard .key-cell[data-v-bf6b11c6]{flex:1;-webkit-box-flex:1;text-align:center;position:relative;background:#f3f3f3;border-radius:10px;margin-right:5px;margin-left:5px;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;background:#fff}.zero[data-v-bf6b11c6]{padding-right:20%}.keyboard .key-cell[data-v-bf6b11c6]:hover{background-color:#f4f8fb}.keyboard .key-cell[data-v-bf6b11c6]:after{content:"";position:absolute;overflow:hidden;top:0;right:0;bottom:0;height:200%;color:#d5d5d6;transform-origin:0 0;transform:scaleY(.5)}.keyboard .key-cell[data-v-bf6b11c6]:last-child:after{border-right:0}.keyboard .disabled[data-v-bf6b11c6]{background:rgba(0,0,0,.2)}.keyboard .key-confirm[data-v-bf6b11c6]{position:absolute;text-align:center;height:228px;width:25%;line-height:40px;background:linear-gradient(90deg,#2e9fff,#3e79ff);color:#fff;z-index:5;right:0;bottom:1px;border-radius:10px;padding-top:74px;font-size:24px}.input-box .el-input__inner{height:54px;line-height:54px;color:#333}.input-box .el-input{font-size:20px}.input-box .el-input__suffix{right:10px}.input-box .el-input__suffix-inner{font-size:22px}.el-dialog__body{padding:20px}.el-dialog{border-radius:5px}
|