This commit is contained in:
Tomas Dvorak
2026-04-29 11:31:56 +02:00
parent 5fae9779ad
commit ef0b519058
24 changed files with 419 additions and 1162 deletions
@@ -1,15 +1,21 @@
@use '../../styles/variables' as *;
.container {
max-width: 1200px;
max-width: 1280px;
margin: 0 auto;
}
.header {
margin-bottom: var(--space-8);
margin-bottom: var(--space-6);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-6);
padding: var(--space-5) var(--space-6);
background: var(--island-bg-color);
border: 1px solid var(--color-gray-20);
border-radius: var(--border-radius-lg);
box-shadow: var(--shadow-island);
h1 {
font-size: var(--text-3xl);
@@ -61,12 +67,12 @@
.statsGrid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--space-6);
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: var(--space-4);
margin-bottom: var(--space-8);
@media (max-width: 1024px) {
grid-template-columns: repeat(2, 1fr);
@media (max-width: 1180px) {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 640px) {
@@ -77,13 +83,21 @@
.statCard {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: var(--space-4);
align-items: flex-start;
text-align: left;
padding: var(--space-5);
min-height: 150px;
}
.statIcon {
color: var(--color-primary);
width: 40px;
height: 40px;
border-radius: var(--border-radius-md);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--color-primary-darkest);
background: var(--color-primary-light);
margin-bottom: var(--space-3);
}
@@ -120,6 +134,7 @@
position: absolute;
inset: 0;
border-radius: var(--border-radius-full);
background: linear-gradient(90deg, var(--color-primary), var(--color-primary-darkest));
transition: width 0.4s var(--ease-out);
}
@@ -261,11 +276,13 @@
}
.activityCard {
margin-top: var(--space-6);
margin-top: 0;
}
.activityList {
list-style: none;
max-height: 340px;
overflow: auto;
}
.activityItem {