MilkyShots/MilkyShots
4
0
Fork 0
Code Issues 49 Pull Requests 1 Packages Projects Releases Wiki Activity

refactor(css): move shared modal styles to global MilkyShot.css/SCSS, remove duplicated scoped CSS

Browse Source
This commit is contained in:
Samuele Lorefice
2026-07-09 12:49:06 +02:00
parent f150f6d863
commit 6b9234dfac
4 changed files with 133 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
MilkStream.Client/Components/Shared/AlbumForm.razor.css
View File

@@ -1,64 +0,0 @@
.modal-overlay {
position: fixed;
inset: 0;
z-index: 1050;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
}
.modal-content {
background: var(--bs-body-bg, #222);
color: var(--bs-body-color, #eee);
border-radius: 8px;
width: 90%;
max-width: 500px;
max-height: 90vh;
display: flex;
flex-direction: column;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}
.modal-content-lg {
max-width: 800px;
}
.modal-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
border-bottom: 1px solid var(--bs-border-color, #444);
}
.modal-header h5 {
margin: 0;
}
.modal-body {
padding: 20px;
overflow-y: auto;
flex: 1;
}
.modal-footer {
display: flex;
justify-content: flex-end;
gap: 8px;
padding: 12px 20px;
border-top: 1px solid var(--bs-border-color, #444);
}
.btn-close {
background: none;
border: none;
color: var(--bs-body-color, #eee);
font-size: 1.5rem;
cursor: pointer;
opacity: 0.7;
}
.btn-close:hover {
opacity: 1;
}

60
MilkStream.Client/Components/Shared/PersonForm.razor.css
View File

@@ -1,60 +0,0 @@
.modal-overlay {
position: fixed;
inset: 0;
z-index: 1050;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
}
.modal-content {
background: var(--bs-body-bg, #222);
color: var(--bs-body-color, #eee);
border-radius: 8px;
width: 90%;
max-width: 500px;
max-height: 90vh;
display: flex;
flex-direction: column;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}
.modal-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
border-bottom: 1px solid var(--bs-border-color, #444);
}
.modal-header h5 {
margin: 0;
}
.modal-body {
padding: 20px;
overflow-y: auto;
flex: 1;
}
.modal-footer {
display: flex;
justify-content: flex-end;
gap: 8px;
padding: 12px 20px;
border-top: 1px solid var(--bs-border-color, #444);
}
.btn-close {
background: none;
border: none;
color: var(--bs-body-color, #eee);
font-size: 1.5rem;
cursor: pointer;
opacity: 0.7;
}
.btn-close:hover {
opacity: 1;
}

68
MilkStream/Styles/MilkyShot.scss
View File

@@ -8,4 +8,70 @@ $danger: rgb(180, 0, 0);
$light: rgb(240, 240, 240);
$dark: rgb(35, 35, 35);
@import "../Lib/bootstrap/scss/bootstrap";
@import "../Lib/bootstrap/scss/bootstrap";
/* ── Shared Modal ── */
.modal-overlay {
position: fixed;
inset: 0;
z-index: 1050;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
}
.modal-content {
background: var(--bs-body-bg, #222);
color: var(--bs-body-color, #eee);
border-radius: 8px;
width: 90%;
max-width: 500px;
max-height: 90vh;
display: flex;
flex-direction: column;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}
.modal-content-lg {
max-width: 800px;
}
.modal-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
border-bottom: 1px solid var(--bs-border-color, #444);
}
.modal-header h5 {
margin: 0;
}
.modal-body {
padding: 20px;
overflow-y: auto;
flex: 1;
}
.modal-footer {
display: flex;
justify-content: flex-end;
gap: 8px;
padding: 12px 20px;
border-top: 1px solid var(--bs-border-color, #444);
}
.btn-close {
background: none;
border: none;
color: var(--bs-body-color, #eee);
font-size: 1.5rem;
cursor: pointer;
opacity: 0.7;
}
.btn-close:hover {
opacity: 1;
}

66
MilkStream/wwwroot/css/MilkyShot.css
View File

@@ -11855,4 +11855,70 @@ textarea.form-control-lg {
}
}
/* ── Shared Modal ── */
.modal-overlay {
position: fixed;
inset: 0;
z-index: 1050;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
}
.modal-content {
background: var(--bs-body-bg, #222);
color: var(--bs-body-color, #eee);
border-radius: 8px;
width: 90%;
max-width: 500px;
max-height: 90vh;
display: flex;
flex-direction: column;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}
.modal-content-lg {
max-width: 800px;
}
.modal-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
border-bottom: 1px solid var(--bs-border-color, #444);
}
.modal-header h5 {
margin: 0;
}
.modal-body {
padding: 20px;
overflow-y: auto;
flex: 1;
}
.modal-footer {
display: flex;
justify-content: flex-end;
gap: 8px;
padding: 12px 20px;
border-top: 1px solid var(--bs-border-color, #444);
}
.btn-close {
background: none;
border: none;
color: var(--bs-body-color, #eee);
font-size: 1.5rem;
cursor: pointer;
opacity: 0.7;
}
.btn-close:hover {
opacity: 1;
}
/*# sourceMappingURL=MilkyShot.css.map */