css removal unused lines
This commit is contained in:
parent
4b21fe04f3
commit
9c8bc39b9d
17 changed files with 138 additions and 352 deletions
|
@ -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 */
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue