♻️ apply form styles from class

This commit is contained in:
DrMaxNix 2024-02-19 20:24:17 +01:00
parent 9844610045
commit d61025e528
6 changed files with 9 additions and 16 deletions

View File

@ -88,7 +88,7 @@
<div id="login" class="box">
<span class="title">Admin Area</span>
<form id="login-form" method="post" action="">
<form id="login-form" class="form" method="post" action="">
<div class="key-value-pair">
<div class="key">
<span class="ti ti-key"></span>

View File

@ -6,13 +6,6 @@
flex-grow: 64;
}
#login-form {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 1rem;
}
#login-form-token {
min-width: 22rem;
}

View File

@ -65,8 +65,8 @@
<div id="newsletter" class="box">
<span class="title"><?= $dict->get("newsletter_subscribe_title") ?></span>
<div id="newsletter-signup-form-container">
<div id="newsletter-signup-form">
<div id="newsletter-signup-form-container" class="form-container">
<div id="newsletter-signup-form" class="form">
<div class="key-value-pair">
<div class="key">
<span class="ti ti-at"></span>

View File

@ -65,8 +65,8 @@
<div id="newsletter" class="box">
<span class="title"><?= $dict->get("newsletter_unsubscribe_title") ?></span>
<div id="newsletter-signup-form-container">
<div id="newsletter-signup-form">
<div id="newsletter-signup-form-container" class="form-container">
<div id="newsletter-signup-form" class="form">
<div class="key-value-pair">
<div class="key">
<span class="ti ti-at"></span>

View File

@ -402,8 +402,8 @@
<div id="newsletter" class="box">
<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("news_newsletter_title") ?></span>
<div id="newsletter-signup-form-container">
<div id="newsletter-signup-form">
<div id="newsletter-signup-form-container" class="form-container">
<div id="newsletter-signup-form" class="form">
<div class="key-value-pair">
<div class="key">
<span class="ti ti-at"></span>

View File

@ -538,12 +538,12 @@ a.box:hover {
flex-shrink: 1;
}
#newsletter-signup-form-container {
.form-container {
position: relative;
width: 100%;
}
#newsletter-signup-form {
.form {
display: flex;
flex-direction: column;
flex-wrap: nowrap;