chore: make search input consistent w/contact ones
This commit is contained in:
parent
0b47dc7747
commit
e7c51023dd
3 changed files with 58 additions and 1 deletions
25
tailwind.css
25
tailwind.css
|
@ -158,6 +158,22 @@ pre {
|
|||
@apply inline;
|
||||
}
|
||||
|
||||
.pagefind-ui__search-input {
|
||||
@apply !w-full;
|
||||
@apply !outline-none;
|
||||
@apply !bg-white;
|
||||
@apply !rounded-sm;
|
||||
@apply !border;
|
||||
@apply !border-blue-600;
|
||||
@apply !transition-colors;
|
||||
@apply !ease-in-out;
|
||||
@apply !duration-300;
|
||||
}
|
||||
|
||||
.pagefind-ui__search-input:focus {
|
||||
@apply !border-blue-800;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
--pagefind-ui-primary: theme(colors.blue.400);
|
||||
|
@ -230,4 +246,13 @@ pre {
|
|||
.pill--button:focus {
|
||||
background: theme(colors.blue.200);
|
||||
}
|
||||
|
||||
.pagefind-ui__search-input {
|
||||
@apply !border-blue-400;
|
||||
@apply !bg-gray-900
|
||||
}
|
||||
|
||||
.pagefind-ui__search-input:focus {
|
||||
@apply !border-blue-200
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue