css removal unused lines

This commit is contained in:
sageTheDM 2024-10-08 17:37:17 +02:00
parent 4b21fe04f3
commit 9c8bc39b9d
17 changed files with 138 additions and 352 deletions

View file

@ -13,7 +13,6 @@
border-radius: 1em;
height: 45dvh;
}
.models {
display: flex;
flex-direction: column;
@ -21,7 +20,6 @@
overflow: hidden;
overflow-y: scroll;
}
.models .title {
display: flex;
justify-content: center;
@ -29,24 +27,20 @@
font-size: 1.5em;
margin-bottom: 0;
}
.model-dropdown {
display: flex;
justify-content: center;
margin-bottom: 1em; /* Space between dropdown and models */
}
.model-dropdown label {
margin-right: 0.5em; /* Space between label and dropdown */
}
.grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5vh;
width: 100%; /* Ensure grid takes full width */
}
.model-box {
display: flex;
align-items: center;
@ -59,12 +53,10 @@
width: 18vh;
margin: auto; /* Center each model box in the grid cell */
}
.model-box.selected {
box-shadow: 0 0 25px 5px var(--apply-button-hover-color); /* Glowing border */
border-color: var(--apply-button-hover-color);
}
.overlay {
position: absolute;
left: 0;
@ -81,7 +73,6 @@
opacity: 0;
border-radius: 5%;
}
.overlay img {
align-self: flex-end;
justify-self: end;
@ -91,18 +82,15 @@
right: 15px;
bottom: 15px;
}
.model-box:hover .overlay {
opacity: 1;
}
/* Model background styles */
.code-model {
background-image: url(/img/code.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.math-model {
background-image: url(/img/math.jpg);
background-color: var(--background-color);
@ -110,7 +98,6 @@
background-repeat: no-repeat;
background-size: contain;
}
.language-model {
background-image: url(/img/language.jpg);
background-color: #72cce4;
@ -118,8 +105,6 @@
background-size: contain;
background-position: center;
}
.weather-model {
background-image: url(/img/weather.jpg);
background-color: #72cce4;
@ -127,7 +112,6 @@
background-size: contain;
background-position: center;
}
.custom1-model,
.custom2-model {
background-image: url(/img/default.jpg);
@ -135,20 +119,17 @@
background-size: cover;
background-position: center;
}
.model-dropdown {
display: flex;
flex-direction: column; /* Stack label and dropdown */
align-items: center; /* Center the content */
margin-bottom: 1em; /* Space between dropdown and models */
}
.model-dropdown label {
margin-bottom: 0.5em; /* Space between label and dropdown */
font-size: large; /* Increase font size for visibility */
color: var(--text-color); /* Use variable for text color */
}
#model-select {
padding: 0.5em; /* Padding for better touch targets */
border-radius: 5px; /* Rounded corners */