|
60 | 60 |
|
61 | 61 | .meilisearch-modal { |
62 | 62 | background-color: #fff; |
| 63 | + border: 1px solid rgba(0, 0, 0, 0.5); |
63 | 64 | width: 600px; |
64 | 65 | max-width: 90%; |
65 | 66 | max-height: 80vh; |
|
68 | 69 | box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); |
69 | 70 | display: flex; |
70 | 71 | flex-direction: column; |
71 | | - border: 1px solid rgba(255, 255, 255, 0.1); |
72 | 72 | overflow: hidden; |
73 | 73 | } |
74 | 74 |
|
75 | 75 | .dark .meilisearch-modal { |
76 | 76 | background-color: #1a1033; |
| 77 | + border: 1px solid rgba(255, 255, 255, 0.1); |
77 | 78 | } |
78 | 79 |
|
79 | 80 | .meilisearch-modal__input-container { |
80 | 81 | display: flex; |
81 | 82 | align-items: center; |
82 | 83 | padding: 16px 20px; |
83 | | - border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
| 84 | + border-bottom: 1px solid rgba(0, 0, 0, 0.1); |
84 | 85 | } |
85 | 86 |
|
| 87 | +.dark .meilisearch-modal__input-container { |
| 88 | + border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
| 89 | +} |
86 | 90 |
|
87 | 91 | .meilisearch-modal__input { |
88 | 92 | background: transparent; |
|
126 | 130 | color: rgba(255, 255, 255, 0.7); |
127 | 131 | } |
128 | 132 |
|
129 | | -.meilisearch-modal__category-header { |
130 | | - padding: 12px 20px 8px; |
131 | | - font-size: 14px; |
132 | | - font-weight: 600; |
133 | | - text-transform: uppercase; |
134 | | -} |
135 | | - |
136 | | -.dark .meilisearch-modal__category-header { |
137 | | - color: rgba(255, 255, 255, 0.5); |
138 | | -} |
139 | | - |
140 | 133 | .meilisearch-modal__result { |
141 | 134 | display: block; |
142 | 135 | padding: 12px 20px; |
|
150 | 143 | } |
151 | 144 |
|
152 | 145 | .meilisearch-modal__result:hover { |
153 | | - background-color: rgba(255, 255, 255, 0.05); |
| 146 | + background-color: rgba(0, 0, 0, 0.05); |
154 | 147 | border-left-color: #f472b6; |
155 | 148 | } |
156 | 149 |
|
| 150 | +.dark .meilisearch-modal__result:hover { |
| 151 | + background-color: rgba(255, 255, 255, 0.05); |
| 152 | +} |
| 153 | + |
| 154 | +.meilisearch-modal__category-header { |
| 155 | + padding: 12px 20px 8px; |
| 156 | + font-size: 14px; |
| 157 | + font-weight: 600; |
| 158 | + text-transform: uppercase; |
| 159 | + color: rgba(0, 0, 0, 0.45); |
| 160 | +} |
| 161 | + |
| 162 | +.dark .meilisearch-modal__category-header { |
| 163 | + color: rgba(255, 255, 255, 0.5); |
| 164 | +} |
| 165 | + |
157 | 166 | .meilisearch-modal__result-heading { |
158 | 167 | font-weight: 500; |
159 | 168 | margin-bottom: 4px; |
160 | 169 | } |
161 | 170 |
|
162 | 171 | .meilisearch-modal__result-content { |
163 | 172 | font-size: 13px; |
| 173 | + color: rgba(0, 0, 0, 0.45); |
164 | 174 | } |
165 | 175 |
|
166 | 176 | .dark .meilisearch-modal__result-content { |
|
0 commit comments