|
25 | 25 |
|
26 | 26 | .vp-apiblock-left { |
27 | 27 | /* padding: 1.5rem; */ |
28 | | - padding: 5px; /* 수정 */ |
| 28 | + /* padding: 5px; */ |
29 | 29 | background-color: white; |
30 | 30 |
|
31 | 31 | /* 수정 */ |
|
54 | 54 |
|
55 | 55 | .vp-apiblock-menu-search-container { |
56 | 56 | position: relative; |
57 | | - display: inline-block; |
58 | | - width: 160px; |
| 57 | + /* display: inline-block; |
| 58 | + width: 160px; */ |
| 59 | + padding: 10px 5px; |
| 60 | + border-bottom: 0.25px solid var(--border-gray-color); |
59 | 61 | } |
60 | 62 |
|
61 | 63 | .vp-menu-search-box { |
|
66 | 68 | .vp-menu-search-icon { |
67 | 69 | position: absolute; |
68 | 70 | color: #C4C4C4; |
69 | | - right: 7px; |
70 | | - top: 7px; |
| 71 | + right: 12px; |
| 72 | + top: 17px; |
71 | 73 | } |
72 | 74 |
|
73 | 75 | .vp-apiblock-menu-apps { |
|
83 | 85 | position: absolute; |
84 | 86 | top: 0px; |
85 | 87 | left: 200px; |
86 | | - width: 210px; |
87 | | - height: 210px; |
| 88 | + /* width: 210px; |
| 89 | + height: 210px; */ |
88 | 90 | z-index: 15; |
89 | 91 | background: rgba(255, 255, 255, 0.8); |
90 | | - grid-template-columns: 60px 60px 60px; |
91 | | - grid-template-rows: 60px 60px 60px; |
92 | | - grid-column-gap: 5px; |
93 | | - grid-row-gap: 5px; |
94 | 92 | padding: 10px; |
95 | 93 | box-sizing: border-box; |
96 | 94 | box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); |
|
99 | 97 | border-radius: 5px; |
100 | 98 | } |
101 | 99 | .vp-apiblock-menu-apps-container.show { |
102 | | - display: grid !important; |
| 100 | + display: block !important; |
103 | 101 | } |
104 | 102 |
|
| 103 | +.vp-apiblock-menu-apps-title { |
| 104 | + height: 25px; |
| 105 | + line-height: 25px; |
| 106 | + font-weight: bold; |
| 107 | + background: #FFFFFF; |
| 108 | +} |
| 109 | +.vp-apiblock-menu-apps-grid { |
| 110 | + display: grid; |
| 111 | + grid-template-columns: repeat(3, 58px); |
| 112 | + grid-template-rows: repeat(3, 58px); |
| 113 | + grid-column-gap: 5px; |
| 114 | + grid-row-gap: 5px; |
| 115 | + |
| 116 | + margin: 10px 0px; |
| 117 | +} |
105 | 118 | .vp-apiblock-menu-apps-item { |
106 | | - width: 60px; |
107 | | - height: 60px; |
| 119 | + width: 58; |
| 120 | + height: 58px; |
108 | 121 | text-align: center; |
109 | 122 | border: 0.25px solid #C4C4C4; |
110 | 123 | box-sizing: border-box; |
111 | 124 | box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1); |
112 | 125 | border-radius: 2px; |
113 | | - padding: 8px 0px; |
| 126 | + padding: 12px 0px; |
| 127 | + |
| 128 | + cursor: pointer; |
114 | 129 | } |
115 | 130 | .vp-apiblock-menu-apps-item.line1 { |
116 | 131 | background: #F9B52A; |
117 | 132 | } |
118 | 133 | .vp-apiblock-menu-apps-item.line2 { |
119 | | - background: #EF8F3C |
| 134 | + background: #EF8F3C; |
120 | 135 | } |
121 | 136 | .vp-apiblock-menu-apps-item.line3 { |
122 | 137 | background: #EB773C; |
123 | 138 | } |
| 139 | +.vp-apiblock-menu-apps-item.preparing { |
| 140 | + background: var(--gray-color); |
| 141 | +} |
124 | 142 | .vp-apiblock-menu-apps-item img { |
125 | 143 | width: 24px; |
126 | 144 | height: 24px; |
127 | 145 | } |
128 | 146 | .vp-apiblock-menu-apps-name { |
129 | 147 | color: #FFFFFF; |
| 148 | + font-size: 11px; |
130 | 149 | } |
131 | 150 |
|
132 | 151 | .vp-apiblock-menu-box { |
|
149 | 168 | color: white; |
150 | 169 | } |
151 | 170 |
|
| 171 | +.vp-apiblock-tab-navigation-body { |
| 172 | + padding: 0px 5px; |
| 173 | +} |
| 174 | + |
152 | 175 | .vp-apiblock-option-tab { |
153 | 176 | /* overflow: hidden auto; */ |
154 | 177 | /* padding: 1rem 0; */ |
|
0 commit comments