Eskimue/Sonnenweg-Observatory-Home-Assistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GUI verbessert

Browse Source
This commit is contained in:
Eskimue
2026-05-09 09:54:16 +02:00
parent eb4c5f22b8
commit ebf1d849f0
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sternwarte-homeassistant-card/dist/sternwarte-card.js
Vendored
+13 -11
View File
@@ -1013,11 +1013,11 @@ class SternwarteCard extends HTMLElement {
} }
.astro-scale { .astro-scale {
position: relative; position: relative;
padding-top: 14px; padding-top: 18px;
} }
.astro-bar { .astro-bar {
position: relative; position: relative;
height: 16px; height: 32px;
border-radius: 999px; border-radius: 999px;
overflow: hidden; overflow: hidden;
background: rgba(255,255,255,0.06); background: rgba(255,255,255,0.06);
@@ -1025,8 +1025,8 @@ class SternwarteCard extends HTMLElement {
} }
.astro-tick { .astro-tick {
position: absolute; position: absolute;
top: 13px; top: 17px;
height: 20px; height: 36px;
width: 2px; width: 2px;
margin-left: -1px; margin-left: -1px;
background: rgba(255,255,255,0.5); background: rgba(255,255,255,0.5);
@@ -1046,18 +1046,18 @@ class SternwarteCard extends HTMLElement {
} }
.astro-now { .astro-now {
position: absolute; position: absolute;
top: -3px; top: -4px;
bottom: -3px; bottom: -4px;
width: 3px; width: 4px;
margin-left: -1px; margin-left: -1px;
background: #d32f2f; background: #d32f2f;
box-shadow: 0 0 8px rgba(211, 47, 47, 0.55); box-shadow: 0 0 8px rgba(211, 47, 47, 0.55);
} }
.astro-marker { .astro-marker {
position: absolute; position: absolute;
top: -2px; top: -3px;
bottom: -2px; bottom: -3px;
width: 3px; width: 4px;
margin-left: -1px; margin-left: -1px;
box-shadow: 0 0 6px rgba(255, 255, 255, 0.25); box-shadow: 0 0 6px rgba(255, 255, 255, 0.25);
} }
@@ -1070,11 +1070,13 @@ class SternwarteCard extends HTMLElement {
.astro-moon-track { .astro-moon-track {
position: absolute; position: absolute;
background: rgba(255, 255, 255, 0.96); background: rgba(255, 255, 255, 0.96);
height: 2px; height: 8px;
top: 2px; top: 2px;
bottom: auto; bottom: auto;
margin-left: 0; margin-left: 0;
border-radius: 999px; border-radius: 999px;
border: 1px solid rgba(12, 18, 28, 0.85);
box-sizing: border-box;
box-shadow: 0 0 8px rgba(255, 255, 255, 0.45); box-shadow: 0 0 8px rgba(255, 255, 255, 0.45);
z-index: 2; z-index: 2;
} }