Eskimue/skyview.astronomiemuseum.de
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-04-12 18:41:46 +02:00
parent ea9381f463
commit e93e2e3e6a
2 changed files with 93 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/astronomical_conversions.php
+42 -29
View File
@@ -118,31 +118,39 @@ $timeLocationLongitude = isset($currentLocation['longitude']) && is_numeric($cur
.astro-conv-tabs {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
gap: 0.5rem;
margin: 0 0 1.75rem;
border-bottom: 1px solid var(--border);
padding-bottom: 0;
}
.astro-conv-tab {
padding: 0.75rem 1rem;
border-radius: 999px;
border: 1px solid rgba(130, 170, 255, 0.18);
background: rgba(255,255,255,0.04);
color: #dce8ff;
border: 1px solid transparent;
border-bottom: none;
background: transparent;
color: var(--text-dim);
border-radius: var(--radius) var(--radius) 0 0;
padding: 0.6rem 1.25rem;
cursor: pointer;
font: inherit;
font-size: 0.92rem;
letter-spacing: 0.03em;
transition: color 0.15s, background 0.15s, border-color 0.15s;
position: relative;
bottom: -1px;
}
.astro-conv-tab:hover {
color: var(--gold-pale);
background: rgba(201, 168, 76, 0.06);
border-color: var(--border);
}
.astro-conv-tab.is-active {
background: linear-gradient(180deg, rgba(82, 153, 255, 0.28), rgba(49, 112, 255, 0.18));
border-color: rgba(130, 170, 255, 0.4);
color: #ffffff;
}
.astro-conv-panel {
padding: 1.2rem;
border-radius: 1rem;
background:
radial-gradient(circle at top left, rgba(82, 153, 255, 0.12), transparent 36%),
linear-gradient(180deg, rgba(13, 19, 33, 0.96), rgba(8, 11, 20, 0.98));
border: 1px solid rgba(130, 170, 255, 0.16);
color: var(--gold-pale);
background: var(--bg-card);
border-color: var(--border);
border-bottom-color: var(--bg-card);
}
.astro-conv-grid {
@@ -157,29 +165,30 @@ $timeLocationLongitude = isset($currentLocation['longitude']) && is_numeric($cur
}
.astro-conv-field label {
color: #c7d6f4;
color: var(--text-dim);
font-size: 0.94rem;
}
.astro-conv-label-help {
border-bottom: 1px dotted rgba(199, 214, 244, 0.45);
border-bottom: 1px dotted rgba(201, 168, 76, 0.4);
cursor: help;
}
.astro-conv-input {
width: 100%;
padding: 0.72rem 0.8rem;
border-radius: 0.8rem;
border: 1px solid rgba(255,255,255,0.12);
background: rgba(255,255,255,0.05);
color: #f8fbff;
border-radius: var(--radius);
border: 1px solid var(--border);
background: rgba(255,255,255,0.04);
color: var(--text);
font-size: 0.96rem;
font-family: inherit;
}
.astro-conv-input:focus {
outline: none;
border-color: rgba(130, 170, 255, 0.6);
box-shadow: 0 0 0 3px rgba(82, 153, 255, 0.16);
border-color: rgba(201, 168, 76, 0.5);
box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.1);
}
.astro-conv-field {
@@ -195,9 +204,9 @@ $timeLocationLongitude = isset($currentLocation['longitude']) && is_numeric($cur
max-width: 22rem;
padding: 0.7rem 0.8rem;
border-radius: 0.8rem;
background: rgba(10, 15, 27, 0.96);
border: 1px solid rgba(130, 170, 255, 0.2);
color: #eef4ff;
background: rgba(6, 8, 18, 0.97);
border: 1px solid var(--border);
color: var(--text);
font-size: 0.9rem;
line-height: 1.45;
white-space: pre-line;
@@ -228,6 +237,10 @@ $timeLocationLongitude = isset($currentLocation['longitude']) && is_numeric($cur
display: block;
}
.astro-conv-panel {
border-radius: 0 var(--radius) var(--radius) var(--radius);
}
@media (max-width: 960px) {
.astro-conv-grid {
grid-template-columns: 1fr;