index.less 2.03 KB
Newer Older
邓晓峰's avatar
邓晓峰 committed
1 2
@root-entry-name: 'default';
@import '~antd/es/style/themes/index.less';
涂茜's avatar
涂茜 committed
3 4 5 6
@image-select-prefix-cls: ~'@{ant-prefix}-image-select';

.@{image-select-prefix-cls} {
  &-wrap {
涂茜's avatar
涂茜 committed
7 8
    display: flex;
    align-items: center;
邓晓峰's avatar
邓晓峰 committed
9
    justify-content: center;
涂茜's avatar
涂茜 committed
10 11 12
    width: 100px;
    height: 100px;
    padding: 5px;
邓晓峰's avatar
邓晓峰 committed
13
    overflow: hidden;
涂茜's avatar
涂茜 committed
14 15 16 17 18 19 20 21 22
    text-align: center;
    background-color: rgba(250, 251, 252, 1);
    border: 1px solid rgba(219, 225, 234, 1);
    cursor: pointer;

    p {
      font-size: 12px;
    }
  }
涂茜's avatar
涂茜 committed
23 24 25 26 27

  &-cover {
    width: 88px;
    height: 88px;
  }
涂茜's avatar
涂茜 committed
28 29
}

涂茜's avatar
涂茜 committed
30 31
.@{image-select-prefix-cls}-modal {
  &-header {
涂茜's avatar
涂茜 committed
32 33
    display: flex;
    align-items: center;
邓晓峰's avatar
邓晓峰 committed
34
    justify-content: space-between;
涂茜's avatar
涂茜 committed
35
    padding-right: 30px;
涂茜's avatar
涂茜 committed
36
  }
涂茜's avatar
涂茜 committed
37

涂茜's avatar
涂茜 committed
38 39
  &-title {
    color: #222222;
邓晓峰's avatar
邓晓峰 committed
40 41
    font-weight: 500;
    font-size: 16px;
42
    white-space: nowrap;
涂茜's avatar
涂茜 committed
43
  }
涂茜's avatar
涂茜 committed
44

邓晓峰's avatar
邓晓峰 committed
45
  .@{ant-prefix}-input-affix-wrapper {
涂茜's avatar
涂茜 committed
46 47
    width: 313px;
    height: 29px;
48
    background-color: #eef1f9;
涂茜's avatar
涂茜 committed
49
    border-radius: 15px;
涂茜's avatar
涂茜 committed
50

邓晓峰's avatar
邓晓峰 committed
51
    .@{ant-prefix}-input-prefix {
涂茜's avatar
涂茜 committed
52 53
      color: #5a6c8a;
    }
涂茜's avatar
涂茜 committed
54

邓晓峰's avatar
邓晓峰 committed
55
    .@{ant-prefix}-input {
涂茜's avatar
涂茜 committed
56
      background: #eef1f9;
涂茜's avatar
涂茜 committed
57 58 59
    }
  }

邓晓峰's avatar
邓晓峰 committed
60
  .@{ant-prefix}-input-affix-wrapper:hover {
61 62 63
    background-color: #eef1f9;
  }

涂茜's avatar
涂茜 committed
64
  &-folder {
65
    margin-bottom: 20px;
涂茜's avatar
涂茜 committed
66
    border-top: 1px solid #ccd6e1;
涂茜's avatar
涂茜 committed
67
  }
涂茜's avatar
涂茜 committed
68

涂茜's avatar
涂茜 committed
69 70
  &-folder:first-of-type {
    border: none;
涂茜's avatar
涂茜 committed
71

涂茜's avatar
涂茜 committed
72 73
    .@{image-select-prefix-cls}-modal-path-title {
      margin-top: 0;
涂茜's avatar
涂茜 committed
74
    }
涂茜's avatar
涂茜 committed
75
  }
涂茜's avatar
涂茜 committed
76

涂茜's avatar
涂茜 committed
77 78
  &-path-title {
    margin: 20px 0;
邓晓峰's avatar
邓晓峰 committed
79 80
    color: #242323;
    font-size: 16px;
涂茜's avatar
涂茜 committed
81
  }
涂茜's avatar
涂茜 committed
82

涂茜's avatar
涂茜 committed
83
  &-item-wrap {
涂茜's avatar
涂茜 committed
84
    padding: 10px 0;
涂茜's avatar
涂茜 committed
85 86
    text-align: center;
    border: 1px solid transparent;
涂茜's avatar
涂茜 committed
87 88 89 90 91 92

    &.selected {
      background: linear-gradient(0deg, #f1f4fb 0%, #ffffff 100%);
      border: 1px solid #b8d6fb;
      border-radius: 2px;
    }
涂茜's avatar
涂茜 committed
93
  }
涂茜's avatar
涂茜 committed
94

涂茜's avatar
涂茜 committed
95 96
  &-item-wrap:hover {
    background: linear-gradient(0deg, #f1f4fb 0%, #ffffff 100%);
邓晓峰's avatar
邓晓峰 committed
97
    border: 1px solid #b8d6fb;
涂茜's avatar
涂茜 committed
98
    border-radius: 2px;
邓晓峰's avatar
邓晓峰 committed
99
    cursor: pointer;
涂茜's avatar
涂茜 committed
100
  }
涂茜's avatar
涂茜 committed
101

涂茜's avatar
涂茜 committed
102 103 104
  &-item-image {
    width: 40px;
    height: 40px;
涂茜's avatar
涂茜 committed
105 106
  }

涂茜's avatar
涂茜 committed
107 108 109 110 111
  &-item-text {
    font-size: 12px;
    white-space: nowrap;
  }

邓晓峰's avatar
邓晓峰 committed
112
  .@{ant-prefix}-modal-body {
涂茜's avatar
涂茜 committed
113 114
    max-height: 600px;
    overflow-y: auto;
涂茜's avatar
涂茜 committed
115 116
  }
}