Fix: Absolute clock position - moved to background with -z-10 and opacity

This commit is contained in:
Sam 2026-02-13 12:37:55 +01:00
parent 0ad8470339
commit 183b9528fe

View file

@ -114,13 +114,13 @@
</div>
</div>
<!-- Center Clock & Date -->
<div class="absolute left-1/2 transform -translate-x-1/2 hidden lg:flex flex-col items-center z-0">
<!-- Center Clock & Date - Moved to z-0 and using better responsive classes -->
<div class="absolute left-1/2 transform -translate-x-1/2 hidden lg:flex flex-col items-center -z-10 opacity-50 pointer-events-none">
<div class="text-xl font-bold text-white font-mono tracking-wider leading-none" id="live-clock">--:--:--</div>
<div class="text-[10px] text-gray-400 font-medium uppercase tracking-widest mt-1" id="live-date">--. --. ----</div>
</div>
<nav class="hidden md:flex items-center space-x-8 mr-12">
<nav class="hidden md:flex items-center space-x-8">
<a href="#weather-section" class="text-sm font-medium text-gray-400 hover:text-white transition-colors">Wetter</a>
<a href="#news-section" class="text-sm font-medium text-gray-400 hover:text-white transition-colors">News</a>
<a href="#tasks-section" class="text-sm font-medium text-gray-400 hover:text-white transition-colors">Tasks</a>
@ -505,11 +505,7 @@
{% endif %}
</div>
</div>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<!-- System Status with CPU/RAM -->
<div class="glass-card rounded-xl p-5 fade-in" id="system-card">
</main>
<script>
let ws = null;