refactor: ♻️ Fix more broken UIs, rewrite account switcher

This commit is contained in:
Jesse Wierzbinski 2025-04-10 18:44:53 +02:00
parent ac0a571ecc
commit a4d42e3086
No known key found for this signature in database
31 changed files with 167 additions and 176 deletions

View file

@ -5,18 +5,19 @@
<Transition name="slide-down">
<Alert
v-if="profileEditor?.dirty"
class="grid grid-cols-[1fr_auto] mb-4 absolute top-4 inset-x-4 w-[calc(100%-2rem)]"
layout="button"
class="mb-4 absolute top-4 inset-x-4 w-[calc(100%-2rem)]"
>
<Check class="size-4" />
<AlertTitle>Unsaved changes</AlertTitle>
<AlertDescription class="col-start-1">
<AlertDescription >
Click "apply" to save your changes.
</AlertDescription>
<!-- Add pl-4 because Alert is adding additional padding, which we don't want -->
<Button
variant="secondary"
@click="profileEditor?.submitForm"
class="w-full col-start-2 row-start-1 row-span-2 !pl-4"
class="w-full !pl-4"
>Apply</Button
>
</Alert>

View file

@ -1,6 +1,6 @@
<template>
<div class="md:px-8 px-4 py-2 max-w-7xl mx-auto w-full space-y-6">
<div :class="cn('grid gap-2', canUpload && 'grid-cols-[1fr,auto]')">
<div :class="cn('grid gap-2', canUpload && 'grid-cols-[1fr_auto]')">
<h1
class="scroll-m-20 text-3xl font-extrabold tracking-tight lg:text-4xl capitalize"
>