admin/web-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve checkbox spacing and form styling

Browse Source
This commit is contained in:
PlxEV
2025-06-06 13:29:29 +01:00
parent 1571bb5719
commit f9a61a6391
1 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/index.css
View File

@@ -64,6 +64,7 @@ button {
border: none;
padding: 10px 20px;
font-size: 16px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
cursor: pointer;
border-radius: var(--border-radius);
transition: background-color var(--transition-fast), transform var(--transition-fast);
@@ -71,6 +72,7 @@ button {
button:hover {
background-color: var(--color-primary-dark);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transform: translateY(-2px);
}
@@ -592,7 +594,7 @@ th {
padding: 20px;
background-color: var(--color-surface);
border-radius: var(--border-radius);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
}
/* Formulários */
@@ -614,16 +616,27 @@ th {
border: 1px solid var(--color-border);
border-radius: var(--border-radius);
width: 100%;
transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
border-color: var(--color-primary);
box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
outline: none;
}
/* Alinhamento de texto e checkbox */
.checkbox-label {
display: flex;
align-items: center;
gap: 8px;
gap: 12px;
}
.checkbox-label input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: var(--color-primary);
margin: 0;
}