toannt/uldp-degree-mangement-system
1
0
Fork 0
forked from UKSOURCE/cms.hailearning.edu.vn
Code Pull Requests Activity

first commit

Browse Source
This commit is contained in:
nthanhtoan61
2026-04-11 14:08:27 +07:00
parent e86e5d2c46
commit 6b7655aa16
389 changed files with 5387 additions and 60861 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
assets/css/components/form.css
View File

@@ -1,50 +1,85 @@
/**
* CMS Component: Forms
* Standardizes inputs, labels and validation messages
*/
.form-label {
font-weight: var(--font-weight-medium);
margin-bottom: var(--spacing-2);
color: var(--text-main);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
margin-bottom: 0.35rem;
color: var(--text-main);
font-size: var(--font-size-sm);
}
.form-control, .form-select {
border-radius: var(--border-radius);
border: 1px solid var(--border-color);
padding: 0.6rem 1rem;
font-size: var(--font-size-base);
transition: var(--transition-base);
border-radius: var(--border-radius-sm);
border: 1px solid var(--border-color);
padding: 0.5rem 0.875rem;
font-size: var(--font-size-sm);
color: var(--text-main);
background-color: #fff;
transition: var(--transition-base);
height: 38px;
}
textarea.form-control { height: auto; }
.form-control:focus, .form-select:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.2rem rgba(188, 159, 105, 0.15);
outline: none;
border-color: var(--primary-color);
box-shadow: 0 0 0 3px rgba(10,35,71,0.08);
outline: none;
}
.form-control::placeholder { color: #94a3b8; }
.input-group-text {
background-color: #f8f9fa;
border-color: var(--border-color);
color: var(--text-muted);
background-color: #f8fafc;
border-color: var(--border-color);
color: var(--text-muted);
font-size: var(--font-size-sm);
}
/* Form Helper Text */
.form-text {
font-size: var(--font-size-xs);
color: var(--text-muted);
margin-top: var(--spacing-1);
font-size: var(--font-size-xs);
color: var(--text-muted);
margin-top: 0.3rem;
}
/* Validation Styles */
.invalid-feedback {
font-size: var(--font-size-xs);
font-weight: var(--font-weight-medium);
font-size: var(--font-size-xs);
font-weight: var(--font-weight-medium);
}
/* Custom Checkbox/Radio */
.form-check-input:checked {
background-color: var(--primary-color);
border-color: var(--primary-color);
background-color: var(--primary-color);
border-color: var(--primary-color);
}
/* Section divider in forms */
.form-section {
border-top: 1px solid var(--border-color);
padding-top: 1.25rem;
margin-top: 0.5rem;
}
.form-section-title {
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--text-muted);
margin-bottom: 1rem;
}
/* Search bar */
.search-bar .form-control {
padding-left: 2.5rem;
}
.search-bar .search-icon {
position: absolute;
left: 0.875rem;
top: 50%;
transform: translateY(-50%);
color: var(--text-muted);
font-size: 0.85rem;
pointer-events: none;
}