Commit: 4924775
Parent: d307c24

Final styling

Mårten Åsberg committed on 2026-06-01 at 11:29
MatDenDagen/Components/Pages/Admin/Date.razor.css +1 -8
diff --git a/MatDenDagen/Components/Pages/Admin/Date.razor.css b/MatDenDagen/Components/Pages/Admin/Date.razor.css
index b6e65fd..5fe50e9 100644
@@ -32,13 +32,7 @@ input[type="date"] {
input[type="submit"],
button {
background-color: var(--wood-light);
background-image: repeating-linear-gradient(
45deg,
var(--wood-medium),
var(--wood-medium) 20px,
var(--wood-dark) 20px,
var(--wood-dark) 40px
);
background-image: var(--wood-grain);
color: var(--paper-color);
border: 2px solid var(--wood-dark);
padding: 0.6em 1.2em;
@@ -50,7 +44,6 @@ button {
box-shadow 0.3s ease,
opacity 0.3s ease;
box-shadow: var(--box-shadow);
background-size: 40px 40px;
opacity: 0.95;
}
MatDenDagen/Components/Pages/Admin/Export.razor.css +1 -8
diff --git a/MatDenDagen/Components/Pages/Admin/Export.razor.css b/MatDenDagen/Components/Pages/Admin/Export.razor.css
index 571e80e..51b057d 100644
@@ -13,20 +13,13 @@ a {
display: inline-block;
padding: 0.6em 1.2em;
background-color: var(--wood-light);
background-image: repeating-linear-gradient(
45deg,
var(--wood-medium),
var(--wood-medium) 20px,
var(--wood-dark) 20px,
var(--wood-dark) 40px
);
background-image: var(--wood-grain);
color: var(--paper-color);
border: 2px solid var(--wood-dark);
border-radius: var(--border-radius);
font-weight: 600;
transition: var(--transition);
box-shadow: var(--box-shadow);
background-size: 40px 40px;
opacity: 0.95;
text-decoration: none;
}
MatDenDagen/Components/Pages/Admin/Login.razor +1 -2
diff --git a/MatDenDagen/Components/Pages/Admin/Login.razor b/MatDenDagen/Components/Pages/Admin/Login.razor
index 686a2f0..106fc28 100644
@@ -115,15 +115,14 @@
button {
padding: 0.6rem 1.2rem;
background-color: var(--wood-light);
background-image: repeating-linear-gradient(45deg, var(--wood-medium), var(--wood-medium) 20px, var(--wood-dark) 20px, var(--wood-dark) 40px);
color: var(--paper-color);
background-image: var(--wood-grain);
border: 2px solid var(--wood-dark);
border-radius: var(--border-radius);
cursor: pointer;
font-weight: 600;
transition: var(--transition);
box-shadow: var(--box-shadow);
background-size: 40px 40px;
opacity: 0.95;
}
MatDenDagen/Components/Pages/Admin/Participants.razor.css +1 -8
diff --git a/MatDenDagen/Components/Pages/Admin/Participants.razor.css b/MatDenDagen/Components/Pages/Admin/Participants.razor.css
index 323471a..55c2452 100644
@@ -34,13 +34,7 @@ input[type="number"] {
input[type="submit"] {
background-color: var(--wood-light);
background-image: repeating-linear-gradient(
45deg,
var(--wood-medium),
var(--wood-medium) 20px,
var(--wood-dark) 20px,
var(--wood-dark) 40px
);
background-image: var(--wood-grain);
color: var(--paper-color);
border: 2px solid var(--wood-dark);
padding: 0.4em 0.8em;
@@ -52,7 +46,6 @@ input[type="submit"] {
box-shadow 0.3s ease,
opacity 0.3s ease;
box-shadow: var(--box-shadow);
background-size: 40px 40px;
opacity: 0.95;
}
MatDenDagen/Components/Pages/Admin/Questions.razor.css +1 -8
diff --git a/MatDenDagen/Components/Pages/Admin/Questions.razor.css b/MatDenDagen/Components/Pages/Admin/Questions.razor.css
index 666ffe4..ea9059e 100644
@@ -17,13 +17,7 @@ ul {
input[type="submit"] {
background-color: var(--wood-light);
background-image: repeating-linear-gradient(
45deg,
var(--wood-medium),
var(--wood-medium) 20px,
var(--wood-dark) 20px,
var(--wood-dark) 40px
);
background-image: var(--wood-grain);
color: var(--paper-color);
border: 2px solid var(--wood-dark);
padding: 0.4em 0.8em;
@@ -35,7 +29,6 @@ input[type="submit"] {
box-shadow 0.3s ease,
opacity 0.3s ease;
box-shadow: var(--box-shadow);
background-size: 40px 40px;
opacity: 0.95;
}
MatDenDagen/Components/Pages/Home.razor.css +1 -8
diff --git a/MatDenDagen/Components/Pages/Home.razor.css b/MatDenDagen/Components/Pages/Home.razor.css
index d731b96..424a27b 100644
@@ -68,13 +68,7 @@
display: inline-block;
padding: 0.6em 1.2em;
background-color: var(--wood-light);
background-image: repeating-linear-gradient(
45deg,
var(--wood-medium),
var(--wood-medium) 20px,
var(--wood-dark) 20px,
var(--wood-dark) 40px
);
background-image: var(--wood-grain);
color: var(--paper-color);
border: 2px solid var(--wood-dark);
border-radius: 20px;
@@ -84,7 +78,6 @@
box-shadow 0.3s ease,
opacity 0.3s ease;
box-shadow: var(--box-shadow);
background-size: 40px 40px;
opacity: 0.95;
cursor: pointer;
}
MatDenDagen/Components/Pages/Submission.razor.css +2 -10
diff --git a/MatDenDagen/Components/Pages/Submission.razor.css b/MatDenDagen/Components/Pages/Submission.razor.css
index 5bf2635..fce4c20 100644
@@ -102,14 +102,13 @@
display: inline-block;
padding: 0.6em 1.2em;
background-color: var(--wood-light);
background-image: repeating-linear-gradient(45deg, var(--wood-medium), var(--wood-medium) 20px, var(--wood-dark) 20px, var(--wood-dark) 40px);
background-image: var(--wood-grain);
color: var(--paper-color);
border: 2px solid var(--wood-dark);
border-radius: var(--border-radius);
font-weight: 600;
transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
box-shadow: var(--box-shadow);
background-size: 40px 40px;
opacity: 0.95;
cursor: pointer;
}
@@ -135,20 +134,13 @@
font-size: 1.1em;
padding: 0.8em 1.8em;
background-color: var(--wood-light);
background-image: repeating-linear-gradient(
45deg,
var(--wood-medium),
var(--wood-medium) 20px,
var(--wood-dark) 20px,
var(--wood-dark) 40px
);
background-image: var(--wood-grain);
color: var(--paper-color);
border: 2px solid var(--wood-dark);
border-radius: var(--border-radius);
font-weight: 600;
transition: var(--transition);
box-shadow: var(--box-shadow);
background-size: 40px 40px;
opacity: 0.95;
cursor: pointer;
}
MatDenDagen/wwwroot/app.css +9 -14
diff --git a/MatDenDagen/wwwroot/app.css b/MatDenDagen/wwwroot/app.css
index 844d010..1e6c02f 100644
@@ -28,12 +28,13 @@
rgba(0, 0, 0, 0.01) 50%,
rgba(255, 255, 255, 0.05) 100%
);
--wood-grain: repeating-linear-gradient(
45deg,
var(--wood-medium),
var(--wood-medium) 15px,
var(--wood-dark) 15px,
var(--wood-dark) 30px
--wood-grain: repeating-radial-gradient(
circle at -10% 0%,
var(--wood-medium) 0px,
var(--wood-medium) 5px,
var(--wood-dark) 6px,
var(--wood-dark) 20px,
var(--wood-medium) 21px
);
--stitching-pattern: repeating-linear-gradient(
to right,
@@ -63,6 +64,7 @@ html {
line-height: 1.6;
scroll-behavior: smooth;
overscroll-behavior-x: none;
scrollbar-gutter: stable both-edges;
}
body {
@@ -144,13 +146,7 @@ code {
display: inline-block;
padding: 0.6em 1.2em;
background-color: var(--wood-light);
background-image: repeating-linear-gradient(
45deg,
var(--wood-medium),
var(--wood-medium) 20px,
var(--wood-dark) 20px,
var(--wood-dark) 40px
);
background-image: var(--wood-grain);
color: var(--paper-color);
border: 2px solid var(--wood-dark);
border-radius: var(--border-radius);
@@ -163,7 +159,6 @@ code {
opacity 0.3s ease;
box-shadow: var(--box-shadow);
position: relative;
background-size: 40px 40px;
opacity: 0.95;
}