no applayout
Some checks failed
linter / quality (push) Has been cancelled
tests / ci (8.3) (push) Has been cancelled
tests / ci (8.4) (push) Has been cancelled
tests / ci (8.5) (push) Has been cancelled

This commit is contained in:
Daan Meijer 2026-06-17 00:36:15 +02:00
parent ef00a73daa
commit eeb3bf85a9
3 changed files with 92 additions and 98 deletions

View File

@ -40,79 +40,77 @@ function submit() {
<template>
<Head title="Invite User" />
<AppLayout :breadcrumbs="breadcrumbs">
<div class="c-invite-user">
<div class="c-invite-user__container">
<div class="c-invite-user__card">
<div class="c-invite-user__body">
<h3 class="c-invite-user__title">
Invite User to {{ dynamic.name }}
</h3>
<div class="c-invite-user">
<div class="c-invite-user__container">
<div class="c-invite-user__card">
<div class="c-invite-user__body">
<h3 class="c-invite-user__title">
Invite User to {{ dynamic.name }}
</h3>
<form
@submit.prevent="submit"
class="c-invite-user__form"
>
<div class="c-invite-user__field">
<label
for="email"
class="c-invite-user__label"
>Email Address</label
>
<input
v-model="form.email"
id="email"
type="email"
required
class="c-invite-user__input"
/>
<div
v-if="form.errors.email"
class="c-invite-user__error"
>
{{ form.errors.email }}
</div>
<form
@submit.prevent="submit"
class="c-invite-user__form"
>
<div class="c-invite-user__field">
<label
for="email"
class="c-invite-user__label"
>Email Address</label
>
<input
v-model="form.email"
id="email"
type="email"
required
class="c-invite-user__input"
/>
<div
v-if="form.errors.email"
class="c-invite-user__error"
>
{{ form.errors.email }}
</div>
</div>
<div class="c-invite-user__field">
<label
for="role"
class="c-invite-user__label"
>Role</label
>
<select
v-model="form.role"
id="role"
class="c-invite-user__select"
>
<option value="owner">Owner (Full Control)</option>
<option value="participant">Participant</option>
<option value="editor">Editor</option>
<option value="viewer">Viewer</option>
</select>
<div
v-if="form.errors.role"
class="c-invite-user__error"
>
{{ form.errors.role }}
</div>
<div class="c-invite-user__field">
<label
for="role"
class="c-invite-user__label"
>Role</label
>
<select
v-model="form.role"
id="role"
class="c-invite-user__select"
>
<option value="owner">Owner (Full Control)</option>
<option value="participant">Participant</option>
<option value="editor">Editor</option>
<option value="viewer">Viewer</option>
</select>
<div
v-if="form.errors.role"
class="c-invite-user__error"
>
{{ form.errors.role }}
</div>
</div>
<div class="c-invite-user__actions">
<button
type="submit"
:disabled="form.processing"
class="c-invite-user__submit-btn"
>
Send Invitation
</button>
</div>
</form>
</div>
<div class="c-invite-user__actions">
<button
type="submit"
:disabled="form.processing"
class="c-invite-user__submit-btn"
>
Send Invitation
</button>
</div>
</form>
</div>
</div>
</div>
</AppLayout>
</div>
</template>
<style scoped>

View File

@ -39,41 +39,39 @@ function submit() {
<template>
<Head title="Dynamic Settings" />
<AppLayout :breadcrumbs="breadcrumbs">
<div class="c-dynamic-settings">
<div class="c-dynamic-settings__container">
<div class="c-dynamic-settings__card">
<div class="c-dynamic-settings__body">
<h3 class="c-dynamic-settings__title">Dynamic Settings</h3>
<div class="c-dynamic-settings">
<div class="c-dynamic-settings__container">
<div class="c-dynamic-settings__card">
<div class="c-dynamic-settings__body">
<h3 class="c-dynamic-settings__title">Dynamic Settings</h3>
<form @submit.prevent="submit" class="c-dynamic-settings__form">
<div class="c-dynamic-settings__field">
<label for="name" class="c-dynamic-settings__label">Name</label>
<input v-model="form.name" id="name" type="text" class="c-dynamic-settings__input" />
<div v-if="form.errors.name" class="c-dynamic-settings__error">
{{ form.errors.name }}
</div>
<form @submit.prevent="submit" class="c-dynamic-settings__form">
<div class="c-dynamic-settings__field">
<label for="name" class="c-dynamic-settings__label">Name</label>
<input v-model="form.name" id="name" type="text" class="c-dynamic-settings__input" />
<div v-if="form.errors.name" class="c-dynamic-settings__error">
{{ form.errors.name }}
</div>
</div>
<div class="c-dynamic-settings__field">
<label for="rules" class="c-dynamic-settings__label">Rules</label>
<textarea v-model="form.rules" id="rules" rows="4" class="c-dynamic-settings__textarea"></textarea>
<div v-if="form.errors.rules" class="c-dynamic-settings__error">
{{ form.errors.rules }}
</div>
<div class="c-dynamic-settings__field">
<label for="rules" class="c-dynamic-settings__label">Rules</label>
<textarea v-model="form.rules" id="rules" rows="4" class="c-dynamic-settings__textarea"></textarea>
<div v-if="form.errors.rules" class="c-dynamic-settings__error">
{{ form.errors.rules }}
</div>
</div>
<div class="c-dynamic-settings__actions">
<button type="submit" :disabled="form.processing" class="c-dynamic-settings__submit-btn">
Save
</button>
</div>
</form>
</div>
<div class="c-dynamic-settings__actions">
<button type="submit" :disabled="form.processing" class="c-dynamic-settings__submit-btn">
Save
</button>
</div>
</form>
</div>
</div>
</div>
</AppLayout>
</div>
</template>
<style scoped>

View File

@ -30,11 +30,9 @@ const breadcrumbs = [
<template>
<Head title="Create Ledger" />
<AppLayout :breadcrumbs="breadcrumbs">
<div class="py-12">
<div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
<CreateLedgerForm :dynamic-id="dynamic.id" />
</div>
<div class="py-12">
<div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
<CreateLedgerForm :dynamic-id="dynamic.id" />
</div>
</AppLayout>
</div>
</template>