TPsoft.org/WebWizard
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implemented step 11

Browse Source 
- sections on website
This commit is contained in:
Igor Miňo
2026-06-14 09:06:03 +02:00
parent c11f7e4d75
commit c01eb30632
4 changed files with 260 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
public/css/wizard.css
View File

@ -216,7 +216,7 @@ label {
font-size: 0.875rem;
}
textarea, input[type="text"], input[type="email"] {
textarea, input[type="text"], input[type="email"], input[type="password"] {
width: 100%;
padding: 0.75rem;
border: 1px solid var(--border-color);
@ -225,7 +225,7 @@ textarea, input[type="text"], input[type="email"] {
font-size: 0.875rem;
}
textarea:focus, input[type="text"]:focus, input[type="email"]:focus {
textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus {
outline: none;
border-color: var(--primary-color);
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
@ -398,6 +398,45 @@ textarea:focus, input[type="text"]:focus, input[type="email"]:focus {
border-radius: 0.25rem;
}
/* Checkbox Grid */
.checkbox-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1rem;
}
/* Radio Group Tabs */
.radio-group-tabs {
display: flex;
gap: 0.5rem;
background-color: #f1f5f9;
padding: 0.25rem;
border-radius: 0.5rem;
margin-top: 0.5rem;
}
.radio-group-tabs input[type="radio"] {
display: none;
}
.radio-group-tabs label {
flex: 1;
text-align: center;
padding: 0.5rem;
cursor: pointer;
border-radius: 0.375rem;
transition: all 0.2s;
font-size: 0.875rem;
margin-bottom: 0;
}
.radio-group-tabs input[type="radio"]:checked + label {
background-color: white;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
color: var(--primary-color);
font-weight: 600;
}
.gallery-upload-grid {
display: flex;
flex-wrap: wrap;