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

Rename CSS variable

Browse Source 
Rename the variable --submit-button-content-height in the search bar
component to --content-height
This commit is contained in:
Jakob Scheid
2026-05-07 18:36:55 +02:00
parent e4ba19bc9b
commit 4edc240b10
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/search/components/Searchbar.vue
+5 -5
View File
@@ -8,15 +8,15 @@
<style scoped>
.search-wrapper {
--submit-button-padding-y: 8px;
--submit-button-content-height: 32px;
--content-height: 32px;
--padding: 4px;
display: flex;
align-items: center;
border: 1.5px solid #ccc;
box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25);
border-radius: calc(var(--submit-button-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-left: calc(var(--submit-button-content-height) + var(--padding));
padding-left: calc(var(--content-height) + var(--padding));
width: 100%;
}
@@ -30,8 +30,8 @@
.search-button {
font-size: 1rem;
height: calc(var(--submit-button-content-height) + 2 * var(--submit-button-padding-y));
border-radius: calc(var(--submit-button-content-height) * 0.5 + var(--submit-button-padding-y));
height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y));
border: none;
padding: var(--submit-button-padding-y) 20px;
background: #4562BE;