GaCySR/Gacy-Srtool
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: use GitHub pfp as logo/favicon and replace element/path text with official game icons

Browse Source
This commit is contained in:
CAtlas0784 committed 2026-10-16 23:33:26 +07:00
1 parent 09f2061021
commit edc2843f0c
21 files changed
+123 -28
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/styles.css
+59
View File
@@ -69,6 +69,21 @@ body {
gap: 0.85rem;
}
.brand-logo-img {
width: 44px;
height: 44px;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--accent-cyan);
box-shadow: 0 0 12px rgba(56, 189, 248, 0.45);
transition: transform 0.25s ease;
flex-shrink: 0;
}
.brand-logo-img:hover {
transform: rotate(8deg) scale(1.08);
}
.brand-icon {
width: 42px;
height: 42px;
@@ -536,6 +551,50 @@ body {
font-weight: 600;
}
/* Star Rail Official Element & Path Icon Badges */
.icon-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 6px;
background: rgba(0, 0, 0, 0.45);
border: 1px solid var(--border-color);
padding: 3px;
transition: transform 0.15s ease, box-shadow 0.15s ease;
vertical-align: middle;
}
.icon-badge:hover {
transform: scale(1.18);
}
.icon-badge img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.icon-badge.elem-fire { border-color: rgba(239, 68, 68, 0.6); background: rgba(239, 68, 68, 0.18); box-shadow: 0 0 8px rgba(239, 68, 68, 0.3); }
.icon-badge.elem-ice { border-color: rgba(56, 189, 248, 0.6); background: rgba(56, 189, 248, 0.18); box-shadow: 0 0 8px rgba(56, 189, 248, 0.3); }
.icon-badge.elem-lightning { border-color: rgba(168, 85, 247, 0.6); background: rgba(168, 85, 247, 0.18); box-shadow: 0 0 8px rgba(168, 85, 247, 0.3); }
.icon-badge.elem-wind { border-color: rgba(16, 185, 129, 0.6); background: rgba(16, 185, 129, 0.18); box-shadow: 0 0 8px rgba(16, 185, 129, 0.3); }
.icon-badge.elem-physical { border-color: rgba(156, 163, 175, 0.6); background: rgba(156, 163, 175, 0.18); box-shadow: 0 0 8px rgba(156, 163, 175, 0.3); }
.icon-badge.elem-quantum { border-color: rgba(99, 102, 241, 0.6); background: rgba(99, 102, 241, 0.18); box-shadow: 0 0 8px rgba(99, 102, 241, 0.3); }
.icon-badge.elem-imaginary { border-color: rgba(245, 158, 11, 0.6); background: rgba(245, 158, 11, 0.18); box-shadow: 0 0 8px rgba(245, 158, 11, 0.3); }
.path-icon-badge {
border-color: rgba(255, 255, 255, 0.25);
background: rgba(255, 255, 255, 0.08);
}
.path-icon-badge:hover {
border-color: rgba(255, 255, 255, 0.6);
box-shadow: 0 0 8px rgba(255, 255, 255, 0.25);
}
/* Avatar Card Footer & Status */
.avatar-card-footer {
display: flex;