Darkages/SpotMicroESP32-Leika
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🙏 Adds mis components and services

Browse Source
This commit is contained in:
Rune Harlyk
2023-05-10 22:34:48 +02:00
parent 07a99a6248
commit 8cf4c09543
7 changed files with 110 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/components/Topbar.svelte
+9 -9
View File
@@ -1,11 +1,15 @@
<script lang="ts">
import { isConnected } from '../lib/socket';
</script>
<div class="absolute top-0 flex justify-center w-full z-20">
<svg height="40" width="300" class="Settings_topSVG__2VXbU">
<path stroke="none" fill="#36393f" d="M 0 0 C 40 0 40 40 80 40 H 220 C 260 40 260 0 300 0 Z" />
</svg>
<div class="absolute flex gap-1 h-10 w-36 justify-center items-center dots disconnected">
<div
class="absolute flex gap-1 h-10 w-36 justify-center items-center dots
{$isConnected ? 'connected' : 'disconnected'}"
>
<span class="dot h-4 w-4" />
<span class="dot h-4 w-4" />
<span class="dot h-4 w-4" />
@@ -20,14 +24,10 @@
.disconnected .dot {
animation: _fade 0.5s 3s infinite alternate forwards;
}
/*.connected .dot:first-child {
background-color: #00bbe3;
transform: scale(1.1);
}*/
/*.dots .activedot {
background-color: #00bbe3;
transform: scale(1.1);
}*/
.connected .dot:first-child {
background-color: #00bbe3;
transform: scale(1.1);
}
.dots .dot:first-child {
animation-delay: 0.25s;
}