Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

few responsive adjustements

Browse Source
This commit is contained in:
Antoine M 2024-01-23 17:20:23 +01:00
parent 814b4af29d
commit e5a3c9c167
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
resources/css/components/search-module.css
View File

@ -6,6 +6,7 @@
py-6 py-6
z-10 z-10
bottom-0 bottom-0
overflow-x-hidden
transform translate-y-full; transform translate-y-full;
@apply block; @apply block;
@ -41,16 +42,22 @@
} }
&__input { &__input {
box-sizing: border-box; box-sizing: border-box;
@apply block max-w-full flex-grow py-3 border border-black rounded-tl-3xl rounded-bl-3xl px-4; @apply block max-w-full w-full flex-grow !py-4 border !border-neutral-400 border-r-0 rounded-full md:rounded-r-none px-4 focus-visible:ring-primary focus-visible:ring-2;
outline: none !important;
} }
button[type='submit'] { button[type='submit'] {
@apply bg-secondary text-white w-1/6 flex justify-center items-center gap-3 rounded-tr-3xl rounded-br-3xl px-4 py-3; @apply bg-secondary text-white shrink-0 flex justify-center items-center gap-3 rounded-full md:rounded-l-none px-4 py-3 focus-visible:ring-primary focus-visible:ring-2;
max-width: 300px; max-width: 300px;
outline: none !important;
.search_icon { .search_icon {
@apply invert; @apply invert;
} }
} }
} }
&__searchbar-group {
@apply w-full flex flex-col md:flex-row gap-y-4;
}
&__suggestions { &__suggestions {
@apply flex flex-wrap gap-x-3 pt-4; @apply flex flex-wrap gap-x-3 pt-4;
&__navlist { &__navlist {
@ -58,6 +65,7 @@
.suggestion-item { .suggestion-item {
@apply font-bold underline underline-offset-4; @apply font-bold underline underline-offset-4;
word-break: break-word;
} }
} }
} }