index.less 1.98 KB
Newer Older
1
@import (reference) '../../../../node_modules/antd/es/style/themes/default';
涂茜's avatar
涂茜 committed
2 3 4 5
@image-select-prefix-cls: ~'@{ant-prefix}-image-select';

.@{image-select-prefix-cls} {
  &-wrap {
涂茜's avatar
涂茜 committed
6 7
    display: flex;
    align-items: center;
邓晓峰's avatar
邓晓峰 committed
8
    justify-content: center;
涂茜's avatar
涂茜 committed
9 10 11
    width: 100px;
    height: 100px;
    padding: 5px;
邓晓峰's avatar
邓晓峰 committed
12
    overflow: hidden;
涂茜's avatar
涂茜 committed
13 14 15 16 17 18 19 20 21
    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
22 23 24 25 26

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

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

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

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

涂茜's avatar
涂茜 committed
50 51 52
    .ant-input-prefix {
      color: #5a6c8a;
    }
涂茜's avatar
涂茜 committed
53

54
    .ant-input {
涂茜's avatar
涂茜 committed
55
      background: #eef1f9;
涂茜's avatar
涂茜 committed
56 57 58
    }
  }

59 60 61 62
  .ant-input-affix-wrapper:hover {
    background-color: #eef1f9;
  }

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

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

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

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

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

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

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

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

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

  .ant-modal-body {
    max-height: 600px;
    overflow-y: auto;
涂茜's avatar
涂茜 committed
114 115
  }
}