hnzio/mood-tracking
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Refine mobile actions and Putzliga moments

Browse Source
This commit is contained in:
Florian Heinz
2026-05-22 10:13:09 +02:00
parent 5c4c977e23
commit 49914fcc9a
5 changed files with 40 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/app.css
+32 -11
View File
@@ -1345,7 +1345,9 @@ body.page-dashboard .content {
.dashboard-fab {
position: fixed;
right: max(1rem, env(safe-area-inset-right));
bottom: calc(1.2rem + env(safe-area-inset-bottom));
top: calc(0.95rem + env(safe-area-inset-top));
bottom: auto;
z-index: 124;
width: 4rem;
height: 4rem;
border: 0;
@@ -1369,15 +1371,16 @@ body.page-dashboard .content {
.dashboard-fab-menu {
position: fixed;
right: max(1rem, env(safe-area-inset-right));
bottom: calc(5.8rem + env(safe-area-inset-bottom));
z-index: 28;
top: calc(5.45rem + env(safe-area-inset-top));
bottom: auto;
z-index: 123;
display: grid;
gap: 0.55rem;
width: min(18rem, calc(100vw - 2rem));
padding: 0.7rem;
border-radius: 1.6rem;
animation: fabMenuIn 180ms ease both;
transform-origin: right bottom;
transform-origin: right top;
}
.dashboard-fab-menu button {
@@ -1399,7 +1402,7 @@ body.page-dashboard .content {
}
@keyframes fabMenuIn {
from { opacity: 0; transform: translateY(0.6rem) scale(0.94); }
from { opacity: 0; transform: translateY(-0.4rem) scale(0.94); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
@@ -2243,6 +2246,17 @@ body.page-dashboard .content {
border-radius: var(--radius-xl);
}
.options-menu-panel .section-head {
margin-bottom: 1.1rem;
padding: 1.15rem;
border-radius: 1.8rem;
background:
radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.18), transparent 52%),
linear-gradient(180deg, rgba(68, 92, 118, 0.38), rgba(20, 38, 58, 0.28));
border: 1px solid rgba(180, 214, 246, 0.16);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.options-menu-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -2261,15 +2275,18 @@ body.page-dashboard .content {
gap: 0.35rem;
align-items: flex-start;
width: 100%;
padding: 1.15rem 1.25rem;
border-radius: 1.55rem;
border: 1px solid rgba(152, 194, 232, 0.16);
min-height: 6.7rem;
padding: 1.2rem 1.25rem;
border-radius: 1.75rem;
border: 1px solid rgba(190, 222, 250, 0.18);
background:
linear-gradient(180deg, rgba(41, 59, 80, 0.72), rgba(25, 42, 63, 0.6)),
radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 48%);
radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.18), transparent 42%),
linear-gradient(180deg, rgba(60, 81, 105, 0.52), rgba(24, 41, 62, 0.34));
color: var(--text);
text-decoration: none;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
box-shadow: 0 16px 42px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.12);
backdrop-filter: blur(24px) saturate(1.45);
-webkit-backdrop-filter: blur(24px) saturate(1.45);
}
.options-menu-card strong {
@@ -2282,6 +2299,10 @@ body.page-dashboard .content {
text-align: left;
}
.options-menu-card:active {
transform: scale(0.985);
}
.options-menu-card--danger {
background: rgba(255, 130, 130, 0.08);
border-color: rgba(255, 143, 143, 0.18);