Korbs/Pandora
1
Fork 0
Code Issues Pull requests Activity

update

Browse source
This commit is contained in:
Korbs 2025-02-16 20:32:11 -05:00
parent 936af2ca0a
commit 126291945c
Signed by: Korbs
SSH key fingerprint: SHA256:Q0b0KraMldpAO9oKa+w+gcsXsOTykQ4UkAKn0ByGn5U
2 changed files with 76 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "@sudovanilla/pandora",
"version": "1.7.7",
"version": "1.7.8",
"author": "SudoVanilla",
"displayName": "Pandora",
"description": "Astro component library built for SudoVanilla related websites and projects.",

77
src/Header.astro
View file

@ -47,7 +47,7 @@ import Image from './Image.astro'
<slot name="header-start"></slot>
</div>
<div class="pd-header-end">
<details>
<details class="pde-main">
<summary>Menu</summary>
<div class="pd-header-mobile-dropdown">
<slot name="header-center"></slot>
@ -105,7 +105,7 @@ import Image from './Image.astro'
z-index: 24;
backdrop-filter: blur(12px) contrast(0.8) brightness(0.4);
.pd-header-end {
details {
.pde-main {
&[open=""] {
position: absolute;
left: -2px;
@ -141,6 +141,35 @@ import Image from './Image.astro'
gap: 12px;
font-size: 26px;
}
div {
position: absolute;
display: flex;
flex-direction: column;
margin-top: 24px;
background: var(--pandora-shadows);
color: white;
gap: 4px;
padding: 6px;
border-radius: 4px;
min-width: 124px;
max-height: 240px;
overflow: auto;
a {
background: var(--pandora-shadows);
border-radius: 4px;
padding: 6px 12px;
font-size: 14px;
&:hover {
background: #313131;
}
}
p {
font-size: 12px;
opacity: 0.5;
padding-left: 12px;
padding-top: 6px;
}
}
}
}
}
@ -161,6 +190,50 @@ import Image from './Image.astro'
display: flex;
align-items: center;
gap: 16px;
details {
position: relative;
z-index: 5;
&[open=""] {
summary {
opacity: 0.5;
}
}
summary {
display: flex;
&::after {
content: "⇂"
}
}
div {
position: absolute;
display: flex;
flex-direction: column;
margin-top: 24px;
background: var(--pandora-shadows);
color: white;
gap: 4px;
padding: 6px;
border-radius: 4px;
min-width: 124px;
max-height: 240px;
overflow: auto;
a {
background: var(--pandora-shadows);
border-radius: 4px;
padding: 6px 12px;
font-size: 14px;
&:hover {
background: #313131;
}
}
p {
font-size: 12px;
opacity: 0.5;
padding-left: 12px;
padding-top: 6px;
}
}
}
}
.pd-header-start {
img {