styles
This commit is contained in:
@@ -240,11 +240,7 @@ body.dark-theme .nav-item:hover {
|
||||
flex-direction: column;
|
||||
gap: 2rem;
|
||||
}
|
||||
.form-group-inline {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
@@ -309,43 +305,8 @@ body.dark-theme .nav-item:hover {
|
||||
body.dark-theme .btn-icon-danger:hover {
|
||||
background-color: #991b1b;
|
||||
}
|
||||
.form-field {
|
||||
position: relative;
|
||||
}
|
||||
.form-label {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 1rem;
|
||||
color: var(--color-text-light);
|
||||
background-color: var(--color-surface);
|
||||
padding: 0 0.25rem;
|
||||
transition: all 0.2s ease-out;
|
||||
pointer-events: none;
|
||||
border-radius: var(--border-radius-sm);
|
||||
}
|
||||
.form-input:focus ~ .form-label,
|
||||
.form-input:not(:placeholder-shown) ~ .form-label {
|
||||
top: 0;
|
||||
font-size: 0.8rem;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
.form-input {
|
||||
width: 100%;
|
||||
padding: 0.85rem 1rem;
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: var(--border-radius-md);
|
||||
background-color: var(--color-surface);
|
||||
color: var(--color-text);
|
||||
font-size: 1rem;
|
||||
transition: border-color var(--transition-speed);
|
||||
}
|
||||
.form-input:focus {
|
||||
outline: none;
|
||||
border-color: var(--color-primary);
|
||||
}
|
||||
|
||||
/* -- Autofill Fix -- */
|
||||
/* -- Autofill Fix in styles.css lassen-- */
|
||||
.form-input:-webkit-autofill ~ .form-label {
|
||||
top: 0;
|
||||
font-size: 0.8rem;
|
||||
|
||||
Reference in New Issue
Block a user