Merge pull request #1318 from Stirling-Tools/uiChange

UI changes credit 'dev-cb' in cloudron forum
This commit is contained in:
Anthony Stirling 2024-05-28 19:54:30 +01:00 committed by GitHub
commit 8b05204047
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 16 additions and 13 deletions

View file

@ -5,7 +5,7 @@
font-size: 16px;
margin-bottom: 2rem;
padding: 0.75rem 3.5rem;
border: 0.1rem solid var(--md-sys-color-outline-variant);
border: 1px solid var(--md-sys-color-outline-variant);
border-radius: 3rem;
outline-color: var(--md-sys-color-outline-variant);
}
@ -19,12 +19,12 @@
.features-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(15rem, 3fr));
gap: 25px 30px;
gap: 30px 30px;
}
.feature-card {
border: 2px solid var(--md-sys-color-surface-5);
border-radius: 2rem;
border: 1px solid var(--md-sys-color-surface-5);
border-radius: 1.75rem;
padding: 1.25rem;
display: flex;
flex-direction: column;
@ -47,13 +47,13 @@
}
.feature-card .card-text {
flex: 1;
font-size: .875rem;
}
.feature-card:hover {
cursor: pointer;
transform: scale(1.1);
box-shadow: var(--md-sys-elevation-3);
transform: scale(1.08);
box-shadow: var(--md-sys-elevation-2);
}
.card-title.text-primary {
@ -79,11 +79,12 @@
}
#tool-text {
margin: 0.5rem 0.5rem 0rem;
margin: 0.0rem 0 0 1.25rem;
}
.card-title {
margin-bottom: 1rem;
font-size: 1.1rem;
}
/* Only show the favorite icons when the parent card is being hovered over */

View file

@ -75,7 +75,7 @@
}
.icon-text {
margin-left: 4px;
margin-left: 8px;
margin-right: 4px;
display: inline-flex;
flex-direction: column;

View file

@ -187,8 +187,8 @@ td {
.feature-card .nav-icon {
vertical-align: middle;
font-size: 2rem !important;
padding: 0.5rem;
border-radius: 1.25rem;
padding: 0.75rem;
border-radius: 0.9rem;
color: var(--md-sys-color-surface);
}
@ -798,6 +798,8 @@ textarea.form-control {
}
.nav-link {
display: flex;
align-items: center;
transition: none !important;
padding: 0.5rem 1rem !important;
border: 1px transparent;

View file

@ -7,7 +7,7 @@
.material-symbols-rounded {
font-family: 'Material Symbols Rounded';
font-weight: normal;
font-weight: 300;
font-style: normal;
font-size: 24px;
line-height: 1;

View file

@ -30,5 +30,5 @@
}
.no-fill {
font-variation-settings: var(--md-sys-icon-fill-0);
/* font-variation-settings: var(--md-sys-icon-fill-0); */
}