Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Add CSS variable for gray box shadow

Browse Source
This commit is contained in:
Jakob Scheid
2026-05-22 17:44:06 +02:00
parent 3c82baca67
commit 1f67e95735
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/search/views/SearchResultsView.vue
+1 -1
View File
@@ -64,7 +64,7 @@ searchQueryModel.value = props.searchQuery;
.search-results-error-message { .search-results-error-message {
padding: var(--error-message-padding); padding: var(--error-message-padding);
font-size: 18px; font-size: 18px;
box-shadow: 0px 0px 42px #cdcdcdb3; box-shadow: 0px 0px 42px var(--gray-box-shadow);
border-radius: 28px; border-radius: 28px;
text-align: center; text-align: center;
background-color: var(--light-bg); background-color: var(--light-bg);
src/styles/variables/colors.css
+6
View File
@@ -77,6 +77,8 @@ limitations under the License.
--light-bg: var(--white); --light-bg: var(--white);
--border: var(--white-d-3); --border: var(--white-d-3);
--gray-box-shadow: oklch(0.8 0.0001 271 / 0.7);
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@@ -105,6 +107,8 @@ limitations under the License.
--light-bg: oklch(0.18 0 0); --light-bg: oklch(0.18 0 0);
--border: var(--black-l-6); --border: var(--black-l-6);
--gray-box-shadow: oklch(0.25 0.0001 271 / 0.7);
} }
} }
@@ -133,4 +137,6 @@ limitations under the License.
--light-bg: oklch(0.18 0 0); --light-bg: oklch(0.18 0 0);
--border: var(--black-l-6); --border: var(--black-l-6);
--gray-box-shadow: oklch(0.25 0.0001 271 / 0.7);
} }