better review design, caddy now listens on localhost too
This commit is contained in:
+47
-8
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user