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

Apply CSS variables to the search bar

Browse Source
This commit is contained in:
Jakob Scheid
2026-05-10 15:35:54 +02:00
parent 933f5ace80
commit 95c383d58a
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/search/components/Searchbar.vue
+3 -3
View File
@@ -29,7 +29,7 @@ limitations under the License.
--padding-left: calc(var(--content-height) + var(--padding)); --padding-left: calc(var(--content-height) + var(--padding));
display: flex; display: flex;
align-items: center; align-items: center;
border: 1.5px solid #ccc; border: 1.5px solid var(--light-d-3);
box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25); box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25);
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);
@@ -52,13 +52,13 @@ limitations under the License.
border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y)); border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y));
border: none; border: none;
padding: var(--submit-button-padding-y) 20px; padding: var(--submit-button-padding-y) 20px;
background: #4562BE; background: var(--primary-color);
color: white; color: white;
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
} }
.search-button:hover { .search-button:hover {
background: #374FA5; background: var(--primary-color-l-1);
} }
</style> </style>