fix registration seite

This commit is contained in:
Illia Hromovoi 2025-07-10 11:56:45 +02:00
parent 0ff636c20a
commit aa20731efc
5 changed files with 27 additions and 16 deletions

View File

@ -8,16 +8,5 @@ header {
nav { nav {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} padding: 24px 42px 24px 42px;
@media only screen and (min-width: 900px) {
nav{
padding: 24px 42px 24px 42px;
}
}
@media only screen and (max-width: 800px) {
nav{
padding: 0;
}
} }

View File

@ -91,7 +91,7 @@ form .error {
outline-color: var(--error); outline-color: var(--error);
} }
.form-user { .form-user {
justify-content: center !important; /*justify-content: center !important;*/
grid-template-columns: auto !important; grid-template-columns: auto !important;
} }
@ -108,3 +108,8 @@ form .error {
height: var(--h-sm); height: var(--h-sm);
width: var(--h-sm); width: var(--h-sm);
} }
.input-transparent{
background: transparent!important;
border: transparent!important;
}

View File

@ -2,14 +2,16 @@
display: none; display: none;
position: fixed; position: fixed;
inset: 0; inset: 0;
background: rgba(0,0,0,0.6); background: rgba(0, 0, 0, 0.6);
justify-content: center; justify-content: center;
align-items: center; align-items: center;
z-index: 1000; z-index: 1000;
} }
.modal-overlay.is-visible { .modal-overlay.is-visible {
display: flex; display: flex;
} }
.modal { .modal {
background: var(--brand-background); background: var(--brand-background);
padding: 1.5rem; padding: 1.5rem;
@ -17,4 +19,16 @@
text-align: center; text-align: center;
max-width: 320px; max-width: 320px;
width: 90%; width: 90%;
}
@media only screen and (min-width: 900px) {
.modal nav {
padding: 24px 42px 24px 42px;
}
}
@media only screen and (max-width: 800px) {
.modal nav {
padding: 0;
}
} }

View File

@ -6,8 +6,10 @@
<div id="confirmModal" class="modal-overlay"> <div id="confirmModal" class="modal-overlay">
<div class="modal"> <div class="modal">
<p>Sind Sie sicher, dass Sie Ihren Account löschen möchten?</p> <p>Sind Sie sicher, dass Sie Ihren Account löschen möchten?</p>
<button id="btnCancel" class="button button-secondary">Abbrechen</button> <div class="row" style="flex-wrap: nowrap">
<button id="btnConfirm" class="button button-danger">Ja, Account löschen</button> <button id="btnCancel" class="btn btn-secondary">Abbrechen</button>
<button id="btnConfirm" class="btn btn-logout">Ja, Account löschen</button>
</div>
</div> </div>
</div> </div>
<div class="container"> <div class="container">

View File

@ -28,6 +28,7 @@
<input type="hidden" name="controller" value="user"> <input type="hidden" name="controller" value="user">
<input type="hidden" name="do" value="register"> <input type="hidden" name="do" value="register">
<input type="text" class="input-transparent">
<button type="submit" class="btn btn-primary btn-form">Registrieren</button> <button type="submit" class="btn btn-primary btn-form">Registrieren</button>
</form> </form>
</div> </div>