better review design, caddy now listens on localhost too

This commit is contained in:
2026-05-14 20:54:13 +02:00
parent 05541e60b5
commit c25e8b5c0a
10 changed files with 137 additions and 111 deletions
+47 -8
View File
@@ -1,3 +1,10 @@
.review-description {
margin: 70px;
font-size: 1.1rem;
width: min(800px, 70vw);
height: fit-content;
}
.input-box {
display: flex;
gap: 80px;
@@ -44,6 +51,7 @@
height: fit-content;
gap: 0px;
user-select: none;
--radius: 16px;
}
.review-select-dropdown.rating {
@@ -59,12 +67,12 @@
outline: none;
color: black;
font-weight: bold;
border-radius: 16px;
border-radius: var(--radius);
}
.review-select-button.active {
border-top-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: var(--radius);
border-top-left-radius: var(--radius);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
@@ -75,11 +83,16 @@
border-color: white;
}
.review-select-menu.grid {
.review-select-menu {
width: 100%;
grid-auto-rows: 1fr;
}
.rating .review-select-menu {
width: 300%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: 1fr;
transform: translateX(-33.3333%);
}
.review-select-item {
@@ -95,9 +108,35 @@
border-radius: 0;
}
.review-select-item.last {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
.rating .review-select-box-0 {
grid-column: 1;
grid-row: 1;
border-bottom-left-radius: var(--radius);
border-top-left-radius: var(--radius);
}
.rating .review-select-box-1 {
grid-column: 2;
grid-row: 1;
}
.rating .review-select-box-2 {
grid-column: 3;
grid-row: 1;
border-bottom-right-radius: var(--radius);
border-top-right-radius: var(--radius);
}
.rating .review-select-box-3 {
grid-column: 2;
grid-row: 2;
border-bottom-left-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
.website .review-select-box-1 {
border-bottom-left-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
.review-select-item:hover {