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 blue box shadow

Browse Source
This commit is contained in:
Jakob Scheid
2026-05-22 17:45:46 +02:00
parent 1f67e95735
commit 0eccd33919
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/search/components/Searchbar.vue
+1 -1
View File
@@ -55,7 +55,7 @@ const submitSearch = function () {
display: flex; display: flex;
align-items: center; align-items: center;
border: 1.5px solid var(--border); border: 1.5px solid var(--border);
box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25); box-shadow: 0 0px 32px var(--blue-box-shadow);
border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding)); border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
padding: var(--padding); padding: var(--padding);
padding-left: var(--padding-left); padding-left: var(--padding-left);
src/styles/variables/colors.css
+1
View File
@@ -79,6 +79,7 @@ limitations under the License.
--border: var(--white-d-3); --border: var(--white-d-3);
--gray-box-shadow: oklch(0.8 0.0001 271 / 0.7); --gray-box-shadow: oklch(0.8 0.0001 271 / 0.7);
--blue-box-shadow: oklch(0.52 0.15 268 / 0.25);
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {