syntaxbullet/personal-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Implement image import functionality, restructure control panel layout, and apply glassmorphism styling to controls.

Browse Source
This commit is contained in:
syntaxbullet
2026-02-09 23:16:26 +01:00
parent 8dae3578b1
commit 36cb793048
3 changed files with 252 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Navbar.astro
View File

@@ -55,8 +55,11 @@ const { pathname } = Astro.url;
left: 0;
width: 100%;
height: 24px;
background: #000;
border-bottom: 1px solid var(--text-color);
background: rgba(10, 10, 10, 0.8);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
display: flex;
justify-content: space-between;
align-items: center;
@@ -81,30 +84,32 @@ const { pathname } = Astro.url;
align-items: center;
color: var(--text-color);
text-decoration: none;
border-right: 1px solid rgba(255, 103, 0, 0.2);
transition: all 0.1s;
border-right: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.2s ease;
}
.nav-link:hover {
background: var(--text-color);
color: #000;
background: rgba(255, 255, 255, 0.1);
color: #fff;
text-decoration: none;
}
.nav-link:hover .nav-index {
color: #000;
color: #fff;
opacity: 1;
}
.status-item.active {
background: var(--text-color);
color: #000;
background: rgba(255, 255, 255, 0.15);
color: #fff;
font-weight: bold;
box-shadow: inset 0 -2px 0 var(--text-color);
}
.status-item.brand {
background: rgba(255, 103, 0, 0.1);
background: rgba(255, 255, 255, 0.05);
font-weight: 900;
letter-spacing: 1px;
}
.nav-index {
@@ -122,7 +127,7 @@ const { pathname } = Astro.url;
.status-right .status-item {
border-right: none;
border-left: 1px solid rgba(255, 103, 0, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.prefix {
@@ -134,6 +139,7 @@ const { pathname } = Astro.url;
#system-status {
color: #0f0;
font-weight: bold;
text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
}
</style>