MarcoE/SteUP_Dotnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix grafici

Browse Source
This commit is contained in:
Marco Elefante
2026-02-23 16:22:55 +01:00
parent aaffaa3a2a
commit a4dece511f
10 changed files with 115 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
SteUp.Shared/wwwroot/css/app.css
View File

@@ -1,8 +1,15 @@
html { overflow: hidden; }
html {
overflow: hidden;
}
.page, article, main { height: 100% !important; overflow: hidden; }
.page, article, main {
height: 100% !important;
overflow: hidden;
}
#app { height: 100vh; }
#app {
height: 100vh;
}
html, body {
font-family: "Nunito", sans-serif;
@@ -12,9 +19,22 @@ html, body {
color: black;
}
* { font-family: "Nunito", sans-serif !important; }
* {
font-family: "Nunito", sans-serif !important;
}
.mud-button-label { font-weight: 700 !important; }
html ::-webkit-scrollbar {
width: 3px;
}
html ::-webkit-scrollbar-thumb {
background: #bbb;
border-radius: 2px;
}
.mud-button-label {
font-weight: 700 !important;
}
a, .btn-link {
/*color: #006bb7;*/
@@ -69,7 +89,9 @@ article {
border-color: var(--darker-color);
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; }
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
.content {
padding-top: 1rem;
@@ -79,20 +101,21 @@ article {
height: 90vh;
}
.content::-webkit-scrollbar { width: 3px; }
.content::-webkit-scrollbar-thumb {
background: #bbb;
border-radius: 2px;
h1:focus {
outline: none;
}
h1:focus { outline: none; }
.valid.modified:not([type=checkbox]) {
outline: 1px solid #26b050;
}
.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }
.invalid {
outline: 1px solid #e50000;
}
.invalid { outline: 1px solid #e50000; }
.validation-message { color: #e50000; }
.validation-message {
color: #e50000;
}
#blazor-error-ui {
background: lightyellow;
@@ -119,9 +142,13 @@ h1:focus { outline: none; }
color: white;
}
.blazor-error-boundary::after { content: "An error has occurred." }
.blazor-error-boundary::after {
content: "An error has occurred."
}
.status-bar-safe-area { display: none; }
.status-bar-safe-area {
display: none;
}
.page-title {
font-size: x-large;
@@ -145,13 +172,21 @@ h1:focus { outline: none; }
color: var(--mud-palette-text-primary) !important;
}
.custom_popover .mud-divider { border-color: var(--mud-palette-text-primary) !important; }
.custom_popover .mud-divider {
border-color: var(--mud-palette-text-primary) !important;
}
.custom_popover .mud-list-padding { padding: 3px 0px 3px 0px !important; }
.custom_popover .mud-list-padding {
padding: 3px 0px 3px 0px !important;
}
.custom_popover .mud-list-item { padding: 5px 12px 5px 12px; }
.custom_popover .mud-list-item {
padding: 5px 12px 5px 12px;
}
.custom_popover .mud-menu-item-text { font-weight: 600; }
.custom_popover .mud-menu-item-text {
font-weight: 600;
}
.custom_popover .mud-list-item-icon {
min-width: fit-content !important;
@@ -165,6 +200,11 @@ h1:focus { outline: none; }
margin: 1rem 0;
}
.pb-safe-area {
padding-bottom: 75px;
overflow: auto;
}
/*Spinner*/
.spinner-container {
@@ -201,10 +241,14 @@ h1:focus { outline: none; }
animation-duration: 2s;
}
.loader:after { animation-duration: 4s; }
.loader:after {
animation-duration: 4s;
}
@keyframes l24 {
100% { transform: rotate(1turn) }
100% {
transform: rotate(1turn)
}
}
/*MudBlazor Personalization*/
@@ -225,7 +269,9 @@ h1:focus { outline: none; }
overflow: hidden;
}
.custom-item-select { padding: 6px 16px; }
.custom-item-select {
padding: 6px 16px;
}
.custom-item-select .mud-typography-body1 {
font-weight: 600;
@@ -242,7 +288,9 @@ h1:focus { outline: none; }
padding-left: calc(var(--m-page-x) * 0.5) !important;
}
.mud-message-box > .mud-dialog-title > h6 { font-weight: 800 !important; }
.mud-message-box > .mud-dialog-title > h6 {
font-weight: 800 !important;
}
.mud-dialog-actions button {
margin-left: .5rem !important;
@@ -260,20 +308,30 @@ h1:focus { outline: none; }
background-color: var(--mud-palette-surface);
}
.modal { padding-top: env(safe-area-inset-top); }
.modal {
padding-top: env(safe-area-inset-top);
}
.safe-area-bottom { margin-bottom: env(safe-area-inset-bottom) !important; }
.safe-area-bottom {
margin-bottom: env(safe-area-inset-bottom) !important;
}
.pb-safe-area { padding-bottom: env(safe-area-inset-bottom) !important; }
.pb-safe-area {
padding-bottom: env(safe-area-inset-bottom) !important;
}
#app {
margin-top: env(safe-area-inset-top);
height: calc(100vh - env(safe-area-inset-top));
}
.flex-column, .navbar-brand { padding-left: env(safe-area-inset-left); }
.flex-column, .navbar-brand {
padding-left: env(safe-area-inset-left);
}
.customDialog-form .mud-dialog-content { margin-top: env(safe-area-inset-top); }
.customDialog-form .mud-dialog-content {
margin-top: env(safe-area-inset-top);
}
}
/*Ripple*/