Start9/start-os
2
0
Fork 0
mirror of https://github.com/Start9Labs/start-os.git synced 2026-03-30 12:11:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI cosmetic improvements (#1486)

Browse Source 
* resize alerts and modals

* fix log color

* closes #1404

Co-authored-by: Matt Hill <matthill@Matt-M1.local>
This commit is contained in:
Matt Hill
2022-06-06 11:31:45 -06:00
committed by GitHub
parent 18e2c610bc
commit d53e295569
30 changed files with 68 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
frontend/projects/shared/styles/shared.scss
View File

@@ -1,7 +1,15 @@
$wide-modal: 900px;
ion-input {
caret-color: gray;
}
ion-alert {
.alert-wrapper {
--min-width: 320px;
}
}
ion-modal::part(content) {
position: absolute;
height: 90% !important;
@@ -15,16 +23,6 @@ ion-modal::part(content) {
box-shadow: 0 0 70px 70px black;
}
@media (min-width: 1000px) {
ion-modal::part(content) {
position: absolute;
height: 80% !important;
top: 10%;
width: 50% !important;
left: 25%;
}
}
.alertlike-modal {
&::part(content) {
max-height: 380px !important;
@@ -36,10 +34,25 @@ ion-modal::part(content) {
}
@media (min-width: 1000px) {
ion-modal::part(content) {
position: absolute;
height: 80% !important;
top: 10%;
width: $wide-modal !important;
left: calc((100vw - $wide-modal) / 2) !important;
}
.alertlike-modal {
&::part(content) {
width: 60% !important;
left: 20% !important;
width: $wide-modal !important;
left: calc((100vw - $wide-modal) / 2) !important;
}
}
ion-alert {
.alert-wrapper {
--width: 50%;
--max-width: 500px;
}
}
}