MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

remove demo.css from project build + test, move relevant styles to styles.scss

This commit is contained in:
mchouliara 2024-09-03 17:43:37 +03:00
parent b2ed169976
commit 01db5ec332
2 changed files with 38 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/angular.json
View File

@ -28,7 +28,6 @@
"node_modules/bootstrap/dist/css/bootstrap.min.css", "node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.scss", "src/styles.scss",
"src/assets/scss/material-dashboard.scss", "src/assets/scss/material-dashboard.scss",
"src/assets/css/demo.css",
"node_modules/cookieconsent/build/cookieconsent.min.css" "node_modules/cookieconsent/build/cookieconsent.min.css"
], ],
"scripts": [ "scripts": [
@ -116,7 +115,6 @@
"styles": [ "styles": [
"src/styles.scss", "src/styles.scss",
"src/assets/scss/material-dashboard.scss", "src/assets/scss/material-dashboard.scss",
"src/assets/css/demo.css",
"node_modules/tinymce/tinymce.min.js" "node_modules/tinymce/tinymce.min.js"
], ],
"assets": [ "assets": [

46
frontend/src/styles.scss
View File

@ -380,7 +380,21 @@ $mat-dark-theme: mat.m2-define-dark-theme((color: (primary: $mat-dark-theme-prim
margin: auto; margin: auto;
} }
.gap-1-rem{
gap: 1rem;
}
.gap-2-rem{
gap: 2rem;
}
.gap-half-rem {
gap: 0.5rem;
}
.gap-quarter-rem {
gap: 0.25rem;
}
.dense-1 { .dense-1 {
@include mat.all-component-densities(-1); @include mat.all-component-densities(-1);
@ -564,23 +578,37 @@ button, .mdc-button, .mat-mdc-button, .mdc-button:has(.material-icons,mat-icon,[
} }
} }
////////* FROM DEMO.CSS*/////
.pointer { .pointer {
cursor: pointer; cursor: pointer;
} }
.gap-1-rem{ .custom-modalbox > mat-dialog-container {
gap: 1rem; padding: 0px;
} }
.gap-2-rem{
gap: 2rem; @media (min-width: 576px) {
.container {
max-width: 540px;
}
} }
.gap-half-rem { @media (min-width: 768px) {
gap: 0.5rem; .container {
max-width: 720px;
}
} }
.gap-quarter-rem { @media (min-width: 992px) {
gap: 0.25rem; .container {
max-width: 960px;
} }
}
@media (min-width: 1244px) {
.container {
max-width: 1204px !important;
}
}
////////*////////