clients/phobos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

chore: center and blur index div

Browse source
This commit is contained in:
Lio 2025-08-20 12:26:07 +02:00
parent 029d8b9ce5
commit 1d88c03bc7
1 changed files with 3 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/IndexSidebar.astro
View file

@ -21,11 +21,11 @@ const config = {
--- ---
<aside> <aside>
<div class="p-4"> <div class="p-4 backdrop-blur-md backdrop-brightness-50 rounded-lg ">
<a href="/" > <a href="/" >
{ {
icon && ( icon && (
<Image class={"icon"} src={icon} width={10} height={10} alt={""} /> <Image class={"w-40 h-40 mx-auto object-cover object-center rounded-full"} src={icon} width={10} height={10} alt={""} />
) )
} }
<h1 class="font-bold text-2xl pt-4">{config.title}</h1></a <h1 class="font-bold text-2xl pt-4">{config.title}</h1></a
@ -68,15 +68,4 @@ const config = {
</div> </div>
</div> </div>
</div> </div>
<style>
img.icon {
width: 10rem;
height: 10rem;
margin: 0 auto;
object-fit: cover;
object-position: center;
border-radius: 50%;
}
</style>
</aside> </aside>