fix registration seite
This commit is contained in:
parent
0ff636c20a
commit
aa20731efc
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
@ -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;
|
||||||
|
}
|
||||||
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
@ -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">
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user