mirrors2/opencatd-open
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix UI

Browse Source
This commit is contained in:
Sakurasan
2025-04-17 23:09:57 +08:00
parent 20c3cda4a7
commit fca67cae40
15 changed files with 579 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/views/dashboard/Profile.vue
View File

@@ -1,10 +1,10 @@
<template>
<div class="min-h-screen bg-base-100 p-4 md:p-6">
<div class="min-h-screen bg-base-100 p-2 md:p-6">
<BreadcrumbHeader title="User Details" />
<div class="max-w-3xl mx-auto space-y-4">
<div class="card card-bordered bg-base-100 shadow-sm" v-if="user">
<div class="card-body">
<div class="card-body px-2 sm:px-8">
<div class="flex flex-col md:flex-row items-start md:items-center gap-6">
<div class="avatar placeholder" v-if="!user?.avatar_url">
<div class="glass bg-neutral text-neutral-content rounded-full w-16 sm:w-20">
@@ -29,7 +29,7 @@
</div>
</div>
<div class="text-right md:text-left">
<div class="text-right sm:text-left">
<div class="flex items-center gap-2">
<span class="font-medium text-base-content/90">Status:</span>
<span class="badge badge-outline"
@@ -119,7 +119,7 @@
</div>
<div v-else class="max-w-3xl mx-auto">
<div class="card card-bordered bg-base-100 shadow-sm">
<div class="card-body">
<div class="card-body space-y-4 space-y-4 px-2 sm:px-8">
<div class="flex justify-center items-center py-10">
<span class="loading loading-spinner loading-lg"></span>
</div>
@@ -128,7 +128,7 @@
</div>
<div class="card card-bordered bg-base-100 shadow-sm" v-if="user">
<div class="card-body space-y-4">
<div class="card-body space-y-4 space-y-4 px-2 sm:px-8">
<h3 class="text-base font-medium text-base-content mb-3 flex items-center gap-2">
<Bookmark class="h-5 w-5 text-base-content/80" /> Password
</h3>
@@ -195,14 +195,14 @@
</div>
<div class="card card-bordered bg-base-100 shadow-sm" v-if="user">
<div class="card-body space-y-4">
<div class="card-body space-y-4 px-2 sm:px-8">
<h3 class="text-base font-medium text-base-content mb-3 flex items-center gap-2">
<Bookmark class="h-5 w-5 text-base-content/80" /> Passkeys
</h3>
<p class="text-sm text-base-content/80">Manage your passkeys for secure and passwordless login.</p>
<div class="card card-bordered bg-base-100 shadow-sm mt-6" v-if="user">
<div class="card-body">
<div class="card-body px-2 sm:px-8">
<div v-if="passkeys" class="overflow-x-auto -mx-6">
<table class="table table-sm w-full">
<thead>
@@ -243,7 +243,7 @@
</div>
<div class="card card-bordered bg-base-100 shadow-sm" v-if="user">
<div class="card-body space-y-4">
<div class="card-body space-y-4 px-2 sm:px-8">
<h3 class="text-base font-medium text-base-content mb-3 flex items-center gap-2">
<Bookmark class="h-5 w-5 text-base-content/80" /> Linked Accounts (todo)
</h3>
@@ -421,7 +421,10 @@ const toggleTelegramConnection = () => {
const newpasskey = async () => {
try {
await webAuthStore.addPasskey();
let res = await webAuthStore.addPasskey();
if (res.data?.code == 200) {
await getPasskeys();
}
} catch (err) {
console.log('err', err);