nikdoof/rustical
1
1
Fork 0
mirror of https://github.com/lennart-k/rustical.git synced 2025-12-14 23:02:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

frontend: improve calendar creation form and fix data binding bugs

Browse Source
This commit is contained in:
Lennart
2025-12-11 19:52:48 +01:00
parent 4b4210b4d7
commit ec28cb9d9a
21 changed files with 292 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
crates/frontend/public/assets/style.css
View File

@@ -338,6 +338,7 @@ select {
form {
input[type="text"],
input[type="url"],
input[type="password"],
input[type="color"],
textarea,
@@ -364,3 +365,57 @@ svg.icon {
border-radius: 12px;
}
}
.tab-radio {
display: flex;
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
background: color-mix(in srgb, var(--background-color), var(--dilute-color) 10%);
border: 2px solid var(--border-color);
border-radius: 8px;
color: var(--text-on-background-color);
margin: 2px;
label {
padding: 10px;
background: color-mix(in srgb, var(--background-color), var(--dilute-color) 10%);
border-radius: 12px;
cursor: pointer;
position: relative;
display: flex;
align-items: center;
svg {
margin-right: 4px;
}
input {
appearance: none;
position: absolute;
width: 100%;
height: 100%;
inset: 0;
pointer-events: none;
}
}
label:hover {
background: color-mix(in srgb, var(--background-color), var(--dilute-color) 15%);
}
label:has(input:focus-visible) {
outline: medium auto currentColor;
outline: medium auto invert;
outline: 5px auto -webkit-focus-ring-color;
input {
outline: none;
}
}
label:has(input:checked) {
background: color-mix(in srgb, var(--background-color), var(--dilute-color) 20%);
}
}