ItsSkaiya/WaifuBoard
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 8 Wiki Activity

finished optimizing css

Browse Source
This commit is contained in:
lenafx
2025-12-09 16:51:32 +01:00
parent 4d3e258b06
commit bc1cf7b5e9
21 changed files with 130 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
views/css/gallery/gallery.css
View File

@@ -16,10 +16,9 @@
width: 100%;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
padding: 0.7rem 1rem;
padding-right: 2.5rem;
border-radius: 99px;
color: var(--text-primary);
color: var(--color-text-primary);
font-family: inherit;
font-size: 1rem;
cursor: pointer;
@@ -28,8 +27,8 @@
.provider-selector:focus {
outline: none;
border-color: var(--accent);
box-shadow: 0 0 15px var(--accent-glow);
border-color: var(--color-primary);
box-shadow: 0 0 15px var(--color-primary-glow);
}
.provider-icon {
@@ -38,7 +37,7 @@
top: 50%;
transform: translateY(-50%);
pointer-events: none;
color: var(--text-secondary);
color: var(--color-text-secondary);
font-size: 0.8rem;
}
@@ -167,7 +166,7 @@
align-items: center;
gap: 8px;
background: rgba(255,255,255,0.07);
color: var(--text-primary);
color: var(--color-text-primary);
border: 1px solid rgba(255,255,255,0.15);
padding: 0.7rem 1rem;
border-radius: 99px;
@@ -180,7 +179,7 @@
.fav-toggle-btn:hover {
background: rgba(255,255,255,0.12);
border-color: var(--accent);
border-color: var(--color-primary);
}
.fav-toggle-btn.active {
@@ -228,7 +227,7 @@
max-width: 250px; /* Adjusted for better fit */
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.15);
color: var(--text-primary);
color: var(--color-text-primary);
padding: 0.75rem 2.8rem 0.75rem 1rem;
border-radius: 99px;
font-size: 0.95rem;
@@ -241,8 +240,8 @@
transition: all 0.25s ease;
}
.provider-selector:hover { background-color: rgba(255,255,255,0.12); border-color: var(--accent); }
.provider-selector:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(255,107,107,0.2); }
.provider-selector:hover { background-color: rgba(255,255,255,0.12); border-color: var(--color-primary); }
.provider-selector:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(255,107,107,0.2); }
.provider-selector option {
background: #111;
@@ -262,7 +261,7 @@
align-items: center;
gap: 8px;
background: rgba(255,255,255,0.08);
color: var(--text-primary);
color: var(--color-text-primary);
border: 1px solid rgba(255,255,255,0.15);
padding: 0.75rem 1.1rem;
border-radius: 99px;