@@ -149,13 +132,12 @@
}
header {
- background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
- padding: 8px 24px;
+ background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+ padding: 16px 24px;
display: flex;
justify-content: space-between;
align-items: center;
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
- border-bottom: 1px solid rgba(79, 195, 247, 0.2);
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
flex-wrap: wrap;
gap: 16px;
}
@@ -261,7 +243,6 @@
.date {
font-size: 12px;
color: rgba(255, 255, 255, 0.7);
- padding-top: 0px;
}
main {
@@ -311,4 +292,4 @@
flex-wrap: wrap;
}
}
-
\ No newline at end of file
+
diff --git a/web/src/components/PowerGenius.svelte b/web/src/components/PowerGenius.svelte
index b0a25f0..6f3f80c 100644
--- a/web/src/components/PowerGenius.svelte
+++ b/web/src/components/PowerGenius.svelte
@@ -73,6 +73,7 @@
@@ -281,6 +282,16 @@
transition: width 0.3s ease;
}
+ .power-bar-glow {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 100%;
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5));
+ animation: shimmer 2s infinite;
+ }
+
@keyframes shimmer {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
diff --git a/web/src/components/StatusBanner.svelte b/web/src/components/StatusBanner.svelte
deleted file mode 100644
index a7b76af..0000000
--- a/web/src/components/StatusBanner.svelte
+++ /dev/null
@@ -1,631 +0,0 @@
-
-
-
-
-
-
- 📻
-
-
- {#if connected && frequency > 0}
-
-
- {formatFrequency(frequency)}
-
- MHz
-
-
- {#if currentBand}
-
- {currentBand}
-
- {/if}
-
- {#if mode}
-
- {mode}
-
- {/if}
-
- {#if txEnabled}
-
- TX
-
- {/if}
- {:else}
-
FlexRadio non connecté
- {/if}
-
-
-
-
-
-
-
- {#if latitude && longitude}
-
-
-
-
-
-
-
-
-
-
-
-
- {formatTime(sunrise)}
-
-
-
-
-
-
-
-
-
-
-
-
- {formatTime(sunset)}
-
-
-
- {#if isGrayline}
-
- ✨ GRAYLINE
-
- {:else if timeToNextEvent}
-
- {timeToNextEvent}
-
- {/if}
- {:else}
-
📍 Position not set
- {/if}
-
-
-
-
-
-
-
- {#if hasWindWarning}
-
- ⚠️
-
- Vent: {windSpeed.toFixed(0)} km/h
-
-
- {/if}
-
- {#if hasGustWarning}
-
- 🌪️
-
- Rafales: {windGust.toFixed(0)} km/h
-
-
- {/if}
-
- {#if !hasAnyWarning}
-
- ✓
- Météo OK
-
- {/if}
-
-
-
-
\ No newline at end of file
diff --git a/web/src/components/TunerGenius.svelte b/web/src/components/TunerGenius.svelte
index 558ee24..5dbf8d8 100644
--- a/web/src/components/TunerGenius.svelte
+++ b/web/src/components/TunerGenius.svelte
@@ -67,6 +67,7 @@
@@ -264,6 +265,16 @@
transition: width 0.3s ease;
}
+ .power-bar-glow {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 100%;
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5));
+ animation: shimmer 2s infinite;
+ }
+
@keyframes shimmer {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }