Complete inital re-design of client page

This commit is contained in:
2025-06-18 08:54:04 +02:00
parent 9b0588679f
commit 05775a2e1e
11 changed files with 171 additions and 220 deletions

View File

@ -382,9 +382,6 @@
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
@ -457,9 +454,6 @@
.ms-3 {
margin-inline-start: calc(var(--spacing) * 3);
}
.ms-auto {
margin-inline-start: auto;
}
.me-2 {
margin-inline-end: calc(var(--spacing) * 2);
}
@ -682,15 +676,18 @@
.h-\[12px\] {
height: 12px;
}
.h-\[16px\] {
height: 16px;
}
.h-\[32px\] {
height: 32px;
}
.h-\[36rem\] {
height: 36rem;
}
.h-\[calc\(100vh-4rem\)\] {
height: calc(100vh - 4rem);
}
.h-\[calc\(100vh-8rem\)\] {
height: calc(100vh - 8rem);
}
.h-\[calc\(100vh-10rem\)\] {
height: calc(100vh - 10rem);
}
.h-full {
height: 100%;
}
@ -1245,9 +1242,6 @@
.border-blue-300 {
border-color: var(--color-blue-300);
}
.border-blue-700 {
border-color: var(--color-blue-700);
}
.border-gray-100 {
border-color: var(--color-gray-100);
}
@ -1332,9 +1326,6 @@
.bg-blue-600 {
background-color: var(--color-blue-600);
}
.bg-blue-700 {
background-color: var(--color-blue-700);
}
.bg-emerald-500 {
background-color: var(--color-emerald-500);
}
@ -2175,13 +2166,6 @@
}
}
}
.hover\:bg-blue-800 {
&:hover {
@media (hover: hover) {
background-color: var(--color-blue-800);
}
}
}
.hover\:bg-gray-50 {
&:hover {
@media (hover: hover) {
@ -2774,11 +2758,6 @@
inset: calc(var(--spacing) * 0);
}
}
.md\:order-1 {
@media (width >= 48rem) {
order: 1;
}
}
.md\:order-2 {
@media (width >= 48rem) {
order: 2;
@ -2859,6 +2838,16 @@
width: calc(var(--spacing) * 64);
}
}
.md\:w-72 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 72);
}
}
.md\:w-80 {
@media (width >= 48rem) {
width: calc(var(--spacing) * 80);
}
}
.md\:w-\[calc\(100\%-256px\)\] {
@media (width >= 48rem) {
width: calc(100% - 256px);
@ -3114,6 +3103,11 @@
width: auto;
}
}
.lg\:table-fixed {
@media (width >= 64rem) {
table-layout: fixed;
}
}
.lg\:grid-cols-2 {
@media (width >= 64rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
@ -3469,11 +3463,6 @@
border-color: var(--color-red-800);
}
}
.dark\:bg-blue-600 {
&:where(.dark, .dark *) {
background-color: var(--color-blue-600);
}
}
.dark\:bg-blue-900 {
&:where(.dark, .dark *) {
background-color: var(--color-blue-900);
@ -3728,15 +3717,6 @@
}
}
}
.dark\:hover\:bg-blue-700 {
&:where(.dark, .dark *) {
&:hover {
@media (hover: hover) {
background-color: var(--color-blue-700);
}
}
}
}
.dark\:hover\:bg-blue-800 {
&:where(.dark, .dark *) {
&:hover {