gb/mercury
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity Actions

fix: styles for site search results

Browse source
This commit is contained in:
草师傅 2025-08-21 17:29:56 +08:00
parent e6604a3305
commit 0b383a2fd3
Signed by: gb
GPG key ID: 43330A030E2D6478
2 changed files with 40 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

64
src/components/Search.astro
View file

@ -245,51 +245,27 @@ const domain = Astro.url.host
</script>} </script>}
<style> <style>
.search-container { .search-container {
margin: 2rem 0; margin: 2rem 0;
} }
.command-prompt { .command-prompt {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: 0.5rem;
} }
.search-input { .search-input {
background: transparent; background: transparent;
border: none; border: none;
color: var(--text-color); color: var(--text-color);
font-family: var(--font-mono); font-size: 1rem;
font-size: 1rem; padding: 0.5rem;
padding: 0.5rem; outline: none;
outline: none; }
}
.search-results { .search-results {
margin-top: 1rem; margin-top: 1rem;
margin-left: 1rem; margin-left: 1rem;
} }
.search-result {
margin: 0.5rem 0;
}
.search-result a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.5rem;
text-decoration: none;
color: var(--text-color);
border-radius: 4px;
}
.search-result a:hover {
background: var(--border-color);
}
.result-date {
color: var(--terminal-yellow);
font-size: 0.9rem;
}
</style> </style>

21
src/styles/global.css
View file

@ -1,4 +1,4 @@
@import url(@fontsource-variable/jetbrains-mono); @import url(@fontsource-variable/jetbrains-mono/index.css);
/* Global Styles for Terminal Blog */ /* Global Styles for Terminal Blog */
:root { :root {
/* Dark theme (default) */ /* Dark theme (default) */
@ -96,6 +96,25 @@ body {
display: inline-block; display: inline-block;
} }
.search-container {
.search-result {
margin: 0.5rem 0;
}
.search-result a {
color: var(--accent-color);
}
.search-result a:hover {
text-decoration: underline;
}
.result-date {
color: var(--secondary-text-color);
font-size: 0.75rem;
}
}
.content-box { .content-box {
border: 1px solid var(--accent-color); border: 1px solid var(--accent-color);
padding: 2rem; padding: 2rem;