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

Merge pull request #5 from PlxEV/codex/aumentar-espaçamento-entre-texto-e-checkbox

Browse Source 
Update checkbox layout and form styles
This commit is contained in:
PlxEV
2025-06-06 13:29:43 +01:00
committed by GitHub
parent 1571bb5719 f9a61a6391
commit 94f012f417
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; border: none;
padding: 10px 20px; padding: 10px 20px;
font-size: 16px; font-size: 16px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
cursor: pointer; cursor: pointer;
border-radius: var(--border-radius); border-radius: var(--border-radius);
transition: background-color var(--transition-fast), transform var(--transition-fast); transition: background-color var(--transition-fast), transform var(--transition-fast);
@@ -71,6 +72,7 @@ button {
button:hover { button:hover {
background-color: var(--color-primary-dark); background-color: var(--color-primary-dark);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transform: translateY(-2px); transform: translateY(-2px);
} }
@@ -592,7 +594,7 @@ th {
padding: 20px; padding: 20px;
background-color: var(--color-surface); background-color: var(--color-surface);
border-radius: var(--border-radius); 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 */ /* Formulários */
@@ -614,16 +616,27 @@ th {
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: var(--border-radius); border-radius: var(--border-radius);
width: 100%; 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 */ /* Alinhamento de texto e checkbox */
.checkbox-label { .checkbox-label {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 12px;
} }
.checkbox-label input[type="checkbox"] { .checkbox-label input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: var(--color-primary);
margin: 0; margin: 0;
} }