hjess/LifeFaq
1
0
Fork 0
generated from hjess/PythonTemplateProject
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sync
All checks were successful
Build, Push, and Deploy to Nomad / docker-nomad (push) Successful in 37s
Details

Browse Source
This commit is contained in:
Henrik Jess Nielsen
2024-12-17 19:06:34 +01:00
parent 7072e7e099
commit dea59f3d23
7 changed files with 52 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
static/css/main.css
View File

@@ -1,3 +1,4 @@
@charset "UTF-8";
@import 'fontawesome-all.min.css';
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
/*
@@ -2492,16 +2493,22 @@ button:disabled,
padding: 20px;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
width: 400px;
width: 90%; /* Sæt bredden til 80% af skærmens bredde */
height: 90%;
text-align: center;
z-index: 50000;
z-index: 50000; /* Content stays above the blurred overlay */
margin: 10% auto; /* Centrer modalen horisontalt og tilføj vertikal afstand */
}
.open {
padding: -20px;
margin: -10% auto; /* Centrer modalen horisontalt og tilføj vertikal afstand */
transform: rotate(15deg);
}
.open_inv {
padding: -20px;
margin: -10% auto; /* Centrer modalen horisontalt og tilføj vertikal afstand */
transform: rotate(-15deg);
}

2
static/css/main.css.map
View File

File diff suppressed because one or more lines are too long

13
static/sass/components/_modals.scss
View File

@@ -28,16 +28,25 @@ $modal-content-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
padding: 20px;
border-radius: 5px;
box-shadow: $modal-content-shadow;
width: 400px;
width: 90%; /* Sæt bredden til 80% af skærmens bredde */
height: 90%;
// max-width: 1200px; /* Tilføj en maks-bredde for store skærme */
text-align: center;
z-index: $modal-content-z-index; // Content stays above the blurred overlay
z-index: $modal-content-z-index; /* Content stays above the blurred overlay */
margin: 10% auto; /* Centrer modalen horisontalt og tilføj vertikal afstand */
}
// Rotating buttons
.open {
padding: -20px;
margin: -10% auto; /* Centrer modalen horisontalt og tilføj vertikal afstand */
transform: rotate(15deg); // Rotates button 15 degrees clockwise
}
.open_inv {
padding: -20px;
margin: -10% auto; /* Centrer modalen horisontalt og tilføj vertikal afstand */
transform: rotate(-15deg); // Rotates button 15 degrees counterclockwise
}