diff --git a/src/components/HeaderControls.vue b/src/components/HeaderControls.vue index 8bfff13..e1be02b 100644 --- a/src/components/HeaderControls.vue +++ b/src/components/HeaderControls.vue @@ -166,12 +166,6 @@ onBeforeUnmount(() => { width: 100%; padding-inline-end: 2rem; } -.header-controls :deep(.search-bar) { - flex: 1 1 clamp(14rem, 40vw, 30rem); - max-width: clamp(18rem, 40vw, 30rem); - min-width: 12rem; - margin-inline-end: auto; -} .toggle-btn { position: fixed; top: 0; diff --git a/src/components/Search.vue b/src/components/Search.vue index 9597d36..6724869 100644 --- a/src/components/Search.vue +++ b/src/components/Search.vue @@ -4,8 +4,8 @@ ref="searchInputRef" v-model="searchQuery" type="search" - placeholder="Date or event..." - aria-label="Search date and events" + placeholder="Date or Event..." + aria-label="Search dates, holidays and events" @keydown="handleSearchKeydown" />