Skip to content

Commit 251ec6b

Browse files
committed
fix(search): update search results styles
1 parent 5641ca9 commit 251ec6b

File tree

2 files changed

+18
-6
lines changed

2 files changed

+18
-6
lines changed

styles/search.css

Lines changed: 18 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -91,6 +91,15 @@
9191
.pagefind-ui__result p {
9292
margin: 0.5rem 0 1rem;
9393
}
94+
.pagefind-ui__result-link {
95+
color: #5b5959;
96+
text-decoration: none;
97+
font-weight: bold;
98+
}
99+
.pagefind-ui__result-link:hover,
100+
.pagefind-ui__result-link:active {
101+
text-decoration: underline;
102+
}
94103
.pagefind-ui__result-thumb {
95104
display: flex;
96105
flex-direction: column;
@@ -104,10 +113,16 @@
104113
font-weight: 700;
105114
text-transform: uppercase;
106115
}
107-
.pagefind-ui__button {
108-
margin-top: 2rem;
116+
.pagefind-ui__button[type='button'] {
117+
display: block;
118+
background-color: #0f67a1;
119+
margin-top: 1.5rem;
109120
width: 100%;
110-
padding: 0.75rem;
121+
border-radius: 0.5rem;
122+
padding: 0.5rem;
123+
}
124+
.pagefind-ui__button:hover {
125+
background-color: #0e3a58;
111126
}
112127

113128
@media (min-width: 1024px) {

styles/tailwind.css

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -91,9 +91,6 @@
9191
@apply cursor-pointer text-sm text-white;
9292
@apply active:shadow-[inset_0_0_0.5rem_1px_rgba(0,0,0,0.7)];
9393
}
94-
.pagefind-ui__button {
95-
@apply bg-button hover:bg-button-hover block rounded-lg px-2 py-1;
96-
}
9794
.btn-tag {
9895
@apply flex flex-row items-center gap-1 rounded px-2 py-[2px];
9996
@apply bg-blue hover:bg-blue-hover;

0 commit comments

Comments
 (0)