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

ui update /team + overtime updates

Browse Source
This commit is contained in:
Tom Tröger
2025-09-03 14:31:05 +02:00
parent 492216b160
commit 483c1e29ba
8 changed files with 621 additions and 378 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
Backend/static/css/styles.css
View File

@@ -205,6 +205,9 @@
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
@@ -234,9 +237,6 @@
.h-full {
height: 100%;
}
.w-1\/3 {
width: calc(1/3 * 100%);
}
.w-2 {
width: calc(var(--spacing) * 2);
}
@@ -249,6 +249,9 @@
.w-\[2px\] {
width: 2px;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
@@ -267,6 +270,9 @@
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
@@ -314,11 +320,6 @@
.justify-self-end {
justify-self: flex-end;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-hidden {
overflow: hidden;
}
@@ -338,9 +339,6 @@
.border-neutral-300 {
border-color: var(--color-neutral-300);
}
.border-neutral-800 {
border-color: var(--color-neutral-800);
}
.border-neutral-900 {
border-color: var(--color-neutral-900);
}
@@ -377,6 +375,9 @@
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.text-center {
text-align: center;
}
@@ -555,11 +556,22 @@
display: grid;
}
}
.max-md\:hidden {
@media (width < 48rem) {
display: none;
}
}
.max-md\:flex-col {
@media (width < 48rem) {
flex-direction: column;
}
}
.max-md\:border-b-1 {
@media (width < 48rem) {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
}
.md\:col-span-1 {
@media (width >= 48rem) {
grid-column: span 1 / span 1;
@@ -617,6 +629,26 @@
}
}
}
.lg\:hidden {
@media (width >= 64rem) {
display: none;
}
}
.lg\:grid-cols-1 {
@media (width >= 64rem) {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.lg\:divide-x-1 {
@media (width >= 64rem) {
:where(& > :not(:last-child)) {
--tw-divide-x-reverse: 0;
border-inline-style: var(--tw-border-style);
border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
}
}
.print\:hidden {
@media print {
display: none;
@@ -636,6 +668,10 @@
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);
}
@@ -643,11 +679,43 @@
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) !important;
}
.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);
}
}
}
@property --tw-divide-x-reverse {