tom/arbeitszeitmessung
3
0
Fork 0
Code Issues 17 Pull Requests Actions Packages Releases 9 Wiki Activity

small fixes in pdf generation + time calculation
All checks were successful
Tests / Run Go Tests (push) Successful in 27s
Details

Browse Source
This commit is contained in:
Tom Tröger
2025-09-15 12:33:46 +02:00
parent 2d0b117403
commit 656d4c2340
8 changed files with 865 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
Backend/src/main.css
View File

@@ -1,107 +1,120 @@
@import "tailwindcss";
@source "../templates/*.templ";
@plugin "@iconify/tailwind4" {
scale: 1.5;
scale: 1.25;
}
@theme {
--color-accent-50: #e7fdea;
--color-accent-100: #cbfbd1;
--color-accent-200: #9cf7a8;
--color-accent-300: #68f37a;
--color-accent-400: #33ef4d;
--color-accent-500: #11db2d;
--color-accent-600: #0eaf23;
--color-accent-700: #0a851b;
--color-accent-800: #075a12;
--color-accent-900: #032b09;
--color-accent-950: #021805;
--color-accent: #0eaf23;
--color-text-50: #f7f8f7;
--color-text-100: #f2f3f2;
--color-text-200: #e2e4e2;
--color-text-300: #d2d6d2;
--color-text-400: #c2c7c2;
--color-text-500: #afb6af;
--color-text-600: #97a097;
--color-text-700: #7d877d;
--color-text-800: #5a625a;
--color-text-900: #161816;
--color-text-950: #000000;
--color-accent-50: #e7fdea;
--color-accent-100: #cbfbd1;
--color-accent-200: #9cf7a8;
--color-accent-300: #68f37a;
--color-accent-400: #33ef4d;
--color-accent-500: #11db2d;
--color-accent-600: #0eaf23;
--color-accent-700: #0a851b;
--color-accent-800: #075a12;
--color-accent-900: #032b09;
--color-accent-950: #021805;
--color-accent: #0eaf23;
--color-text-50: #f7f8f7;
--color-text-100: #f2f3f2;
--color-text-200: #e2e4e2;
--color-text-300: #d2d6d2;
--color-text-400: #c2c7c2;
--color-text-500: #afb6af;
--color-text-600: #97a097;
--color-text-700: #7d877d;
--color-text-800: #5a625a;
--color-text-900: #161816;
--color-text-950: #000000;
}
@layer base {
body {
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
}
@layer components {
.grid-main {
display: grid;
grid-template-columns: 2fr auto 1fr;
align-items: stretch;
}
.grid-main {
display: grid;
grid-template-columns: 2fr auto 1fr;
align-items: stretch;
}
.grid-sub {
display: grid;
grid-template-columns: subgrid;
grid-column: 1 / -1;
border-color: var(--color-neutral-400);
transition: background-color 0.2s ease-in-out;
.grid-sub {
display: grid;
grid-template-columns: subgrid;
grid-column: 1 / -1;
border-color: var(--color-neutral-400);
transition: background-color 0.2s ease-in-out;
}
.grid-sub.responsive {
display: flex;
flex-direction: column;
}
.grid-sub:hover {
background-color: var(--color-neutral-200);
}
.grid-cell {
padding: calc(var(--spacing) * 2);
border-color: var(--color-neutral-400);
}
.btn {
width: 100%;
cursor: pointer;
border-radius: var(--radius-md);
color: var(--color-neutral-800);
font-size: var(--text-sm);
text-align: center;
padding: calc(var(--spacing) * 2);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-neutral-800);
transition-property:
color, background-color, border-color, outline-color,
text-decoration-color, fill, stroke, --tw-gradient-from,
--tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(
--tw-ease,
var(--default-transition-timing-function)
);
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.btn:hover {
color: var(--color-white);
background-color: var(--color-neutral-700);
}
.btn:disabled {
opacity: 50%;
pointer-events: none;
}
.btn:active,
.btn:focus {
background-color: var(--color-neutral-700);
}
@media (width >=48rem) {
.grid-main {
grid-template-columns: repeat(5, 1fr);
margin: 0 10%;
}
.grid-sub.responsive {
display: flex;
flex-direction: column;
}
.grid-sub:hover {
background-color: var(--color-neutral-200);
}
.grid-cell {
padding: calc(var(--spacing) * 2);
border-color: var(--color-neutral-400);
display: grid;
}
.btn {
width: 100%;
cursor: pointer;
border-radius: var(--radius-md);
color: var(--color-neutral-800);
font-size: var(--text-sm);
text-align: center;
padding: calc(var(--spacing) * 2);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-neutral-800);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.btn:hover {
color: var(--color-white);
background-color: var(--color-neutral-700);
}
.btn:disabled {
opacity: 50%;
pointer-events: none;
}
.btn:active,
.btn:focus {
background-color: var(--color-neutral-700);
}
@media (width >=48rem) {
.grid-main {
grid-template-columns: repeat(5, 1fr);
margin: 0 10%;
}
.grid-sub.responsive {
display: grid;
}
.btn {
padding-inline: calc(var(--spacing) * 4);
}
padding-inline: calc(var(--spacing) * 4);
}
}
}