Meti/meti-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Background

Browse Source
This commit is contained in:
Aditya Siregar 2025-08-16 12:17:16 +07:00
parent dc759df038
commit 09c16ad9a8
2 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
app/globals.css
View File

@ -1046,13 +1046,26 @@
} }
[data-fullscreen-target="results-container"]:fullscreen .countdown-card { [data-fullscreen-target="results-container"]:fullscreen .countdown-card {
background: transparent !important; background: #0c8a65 !important;
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
z-index: 1 !important;
} }
[data-fullscreen-target="results-container"]:fullscreen .results-display { [data-fullscreen-target="results-container"]:fullscreen .results-display {
padding: 3rem; padding: 3rem;
background: #0c8a65 !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
z-index: 1 !important;
} }
/* Fullscreen Countdown Styles */ /* Fullscreen Countdown Styles */
@ -1062,6 +1075,8 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-height: 100vh; min-height: 100vh;
position: relative;
z-index: 2;
} }
/* Old standalone countdown styles - keep for backwards compatibility */ /* Old standalone countdown styles - keep for backwards compatibility */
@ -1246,11 +1261,12 @@
} }
[data-fullscreen-target="results-container"]:fullscreen .results-card { [data-fullscreen-target="results-container"]:fullscreen .results-card {
background: rgba(255, 255, 255, 0.1) !important; background: #0c8a65 !important;
backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important;
border: 2px solid rgba(255, 255, 255, 0.3) !important; border: 2px solid rgba(255, 255, 255, 0.8) !important;
max-width: 1400px; max-width: 1400px;
margin: 0 auto; margin: 0 auto;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
} }
[data-fullscreen-target="results-container"]:fullscreen .results-title { [data-fullscreen-target="results-container"]:fullscreen .results-title {
@ -1289,9 +1305,9 @@
} }
[data-fullscreen-target="results-container"]:fullscreen .bg-white { [data-fullscreen-target="results-container"]:fullscreen .bg-white {
background: rgba(255, 255, 255, 0.15) !important; background: #0c8a65 !important;
backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important; border: 1px solid rgba(255, 255, 255, 0.8) !important;
} }
[data-fullscreen-target="results-container"]:fullscreen .text-gray-900, [data-fullscreen-target="results-container"]:fullscreen .text-gray-900,

4
app/results/page.tsx
View File

@ -75,8 +75,8 @@ function ResultsPageContent() {
const [isRefreshing, setIsRefreshing] = useState(false) const [isRefreshing, setIsRefreshing] = useState(false)
const [lastUpdated, setLastUpdated] = useState<Date>(new Date()) const [lastUpdated, setLastUpdated] = useState<Date>(new Date())
// Chart colors // Chart colors - More vibrant and visible
const COLORS = ['#3B82F6', '#10B981', '#F59E0B', '#EF4444', '#8B5CF6', '#06B6D4', '#84CC16', '#F97316'] const COLORS = ['#FF6B6B', '#4ECDC4', '#45B7D1', '#96CEB4', '#FFEAA7', '#DDA0DD', '#98D8C8', '#F7DC6F']
useEffect(() => { useEffect(() => {
fetchEvents() fetchEvents()