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

frontend tweaks

Browse Source
This commit is contained in:
Lennart
2025-08-28 14:53:17 +02:00
parent c648ed315d
commit bf5d874481
5 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
crates/frontend/js-components/lib/edit-addressbook-form.ts
View File

@@ -30,7 +30,7 @@ export class EditAddressbookForm extends LitElement {
return html` return html`
<button @click=${() => this.dialog.value.showModal()}>Edit addressbook</button> <button @click=${() => this.dialog.value.showModal()}>Edit addressbook</button>
<dialog ${ref(this.dialog)}> <dialog ${ref(this.dialog)}>
<h3>Create addressbook</h3> <h3>Edit addressbook</h3>
<form @submit=${this.submit} ${ref(this.form)}> <form @submit=${this.submit} ${ref(this.form)}>
<label> <label>
Displayname Displayname

2
crates/frontend/js-components/lib/edit-calendar-form.ts
View File

@@ -42,7 +42,7 @@ export class EditCalendarForm extends LitElement {
return html` return html`
<button @click=${() => this.dialog.value.showModal()}>Edit calendar</button> <button @click=${() => this.dialog.value.showModal()}>Edit calendar</button>
<dialog ${ref(this.dialog)}> <dialog ${ref(this.dialog)}>
<h3>Create calendar</h3> <h3>Edit calendar</h3>
<form @submit=${this.submit} ${ref(this.form)}> <form @submit=${this.submit} ${ref(this.form)}>
<label> <label>
Displayname Displayname

2
crates/frontend/public/assets/js/edit-addressbook-form.mjs
View File

@@ -29,7 +29,7 @@ let EditAddressbookForm = class extends i {
return x` return x`
<button @click=${() => this.dialog.value.showModal()}>Edit addressbook</button> <button @click=${() => this.dialog.value.showModal()}>Edit addressbook</button>
<dialog ${n(this.dialog)}> <dialog ${n(this.dialog)}>
<h3>Create addressbook</h3> <h3>Edit addressbook</h3>
<form @submit=${this.submit} ${n(this.form)}> <form @submit=${this.submit} ${n(this.form)}>
<label> <label>
Displayname Displayname

2
crates/frontend/public/assets/js/edit-calendar-form.mjs
View File

@@ -30,7 +30,7 @@ let EditCalendarForm = class extends i {
return x` return x`
<button @click=${() => this.dialog.value.showModal()}>Edit calendar</button> <button @click=${() => this.dialog.value.showModal()}>Edit calendar</button>
<dialog ${n(this.dialog)}> <dialog ${n(this.dialog)}>
<h3>Create calendar</h3> <h3>Edit calendar</h3>
<form @submit=${this.submit} ${n(this.form)}> <form @submit=${this.submit} ${n(this.form)}>
<label> <label>
Displayname Displayname

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

@@ -290,6 +290,7 @@ ul.collection-list {
.color-chip { .color-chip {
background: var(--color); background: var(--color);
grid-area: color-chip; grid-area: color-chip;
margin-left: 8px;
} }
.actions { .actions {
@@ -346,6 +347,17 @@ select {
} }
} }
form {
input[type="text"],
input[type="password"],
input[type="color"],
textarea,
select {
width: 100%;
}
}
svg.icon { svg.icon {
stroke-width: 2px; stroke-width: 2px;
color: var(--text-on-background-color); color: var(--text-on-background-color);