RNS-Things/MeshChatX
2
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(components): improve code readability by formatting div elements in App.vue and AuthPage.vue

Browse Source
This commit is contained in:
ivan
2026-01-01 16:22:09 -06:00
parent 66572f6cca
commit 4b5e5b6ba0
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
meshchatx/src/frontend/components/App.vue
View File

@@ -3,7 +3,10 @@
:class="{ dark: config?.theme === 'dark' }"
class="h-screen w-full flex flex-col bg-slate-50 dark:bg-zinc-950 transition-colors"
>
<div v-if="appInfo?.is_demo" class="relative z-[100] bg-blue-600/90 backdrop-blur-sm text-white text-[10px] font-bold uppercase tracking-[0.2em] py-1 text-center select-none border-b border-white/10 shadow-sm">
<div
v-if="appInfo?.is_demo"
class="relative z-[100] bg-blue-600/90 backdrop-blur-sm text-white text-[10px] font-bold uppercase tracking-[0.2em] py-1 text-center select-none border-b border-white/10 shadow-sm"
>
Demo Mode &bull; Read Only
</div>

4
meshchatx/src/frontend/components/auth/AuthPage.vue
View File

@@ -5,7 +5,9 @@
class="bg-white dark:bg-zinc-900 rounded-2xl shadow-lg border border-gray-200 dark:border-zinc-800 p-8"
>
<div class="text-center mb-8">
<div class="w-16 h-16 mx-auto mb-4 rounded-2xl overflow-hidden bg-white/70 dark:bg-white/10 border border-gray-200 dark:border-zinc-700 shadow-inner flex items-center justify-center">
<div
class="w-16 h-16 mx-auto mb-4 rounded-2xl overflow-hidden bg-white/70 dark:bg-white/10 border border-gray-200 dark:border-zinc-700 shadow-inner flex items-center justify-center"
>
<img class="w-16 h-16 object-contain p-2" src="/assets/images/logo.png" />
</div>
<h1 class="text-2xl font-bold text-gray-900 dark:text-zinc-100 mb-2">