Korbs/Zarro
Korbs/Zarro
1
Fork 0
Code Issues Pull requests Activity

Update search menu

Browse source
This commit is contained in:
Korbs 2024-10-25 14:53:39 -04:00
parent 05511d7400
commit 1e66c7cd9a
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
source/src/components/global/SearchMenu.astro
View file

@ -16,9 +16,9 @@ const {Type} = Astro.props
<style lang="scss"> <style lang="scss">
.search-menu { .search-menu {
a { a {
color: black; color: var(--text);
text-decoration: none; text-decoration: none;
background: rgba(255, 255, 255, 0.25); background: var(--box-background);
border-width: 2px; border-width: 2px;
border-style: solid; border-style: solid;
border-color: transparent; border-color: transparent;
@ -37,15 +37,15 @@ const {Type} = Astro.props
{ {
()=> { ()=> {
if (Type === "Web") { if (Type === "Web") {
return <style>#search-type-item-web {background: white; border-color: #ddd;} </style> return <style>#search-type-item-web {background: var(--box-background); border-color: #ddd;} </style>
} else if (Type === "Images") { } else if (Type === "Images") {
return <style>#search-type-item-images {background: white; border-color: #ddd;} </style> return <style>#search-type-item-images {background: var(--box-background); border-color: #ddd;} </style>
} else if (Type === "Videos") { } else if (Type === "Videos") {
return <style>#search-type-item-videos {background: white; border-color: #ddd;} </style> return <style>#search-type-item-videos {background: var(--box-background); border-color: #ddd;} </style>
} else if (Type === "News") { } else if (Type === "News") {
return <style>#search-type-item-news {background: white; border-color: #ddd;} </style> return <style>#search-type-item-news {background: var(--box-background); border-color: #ddd;} </style>
} else if (Type === "Map") { } else if (Type === "Map") {
return <style>#search-type-item-map {background: white; border-color: #ddd;} </style> return <style>#search-type-item-map {background: var(--box-background); border-color: #ddd;} </style>
} }
} }
} }