1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| .icon-box {
| width: 100%;
| .el-button {
| display: flex;
| align-items: center;
| justify-content: center;
| font-size: 18px;
| color: var(--el-text-color-regular);
| }
| :deep(.el-dialog__body) {
| padding: 25px 20px 20px;
| .el-input {
| margin-bottom: 10px;
| }
| .icon-list {
| display: grid;
| grid-template-columns: repeat(auto-fill, 115px);
| justify-content: space-evenly;
| max-height: 70vh;
| .icon-item {
| display: flex;
| flex-direction: column;
| align-items: center;
| width: 42px;
| padding: 20px 30px;
| cursor: pointer;
| transition: all 0.2s;
| &:hover {
| transform: scale(1.3);
| }
| span {
| margin-top: 5px;
| line-height: 20px;
| text-align: center;
| }
| }
| }
| }
| }
|
|
