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

Add sublinks for web links

Browse source
This commit is contained in:
Korbs 2024-10-23 16:47:40 -04:00
parent 48b9140952
commit 9df4969ac5
1 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
source/src/components/search/WebLink.astro
View file

@ -3,7 +3,7 @@
const { const {
Title, Title,
Description, Description,
Link Link,
} = Astro.props } = Astro.props
--- ---
@ -13,9 +13,12 @@ const {
<p><u>{Link}</u></p> <p><u>{Link}</u></p>
</a> </a>
<p>{Description}</p> <p>{Description}</p>
<div class="search-result-web-sublinks">
<slot name="sublinks"/>
</div>
</div> </div>
<style lang="scss"> <style lang="scss" is:global>
.search-result-web { .search-result-web {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -25,6 +28,11 @@ const {
border-radius: 6px; border-radius: 6px;
padding: 6px 12px; padding: 6px 12px;
box-shadow: 0px 4px 10px 0px #0000000a; box-shadow: 0px 4px 10px 0px #0000000a;
transition: 0.3s box-shadow;
&:hover {
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.04);
transition: 0.3s box-shadow;
}
* { * {
margin: 0px; margin: 0px;
} }
@ -43,5 +51,14 @@ const {
color: rgb(82, 82, 82); color: rgb(82, 82, 82);
} }
} }
.search-result-web-sublinks {
display: grid;
gap: 6px 12px;
grid-template-columns: auto auto;
a {
font-size: 18px;
color: black;
}
}
} }
</style> </style>