layout & text fixes
This commit is contained in:
@@ -6,7 +6,7 @@
|
||||
<div class="md:hidden">
|
||||
<div class="flex items-center justify-between mb-3">
|
||||
<NuxtLink to="/" class="hover:opacity-80">
|
||||
<img src="/logos/logo.png" alt="New Life Christian Church" class="h-12 w-auto" />
|
||||
<img src="/logos/logo.png" alt="New Life Christian Church" class="h-16 w-auto" />
|
||||
</NuxtLink>
|
||||
<div class="flex items-center gap-2">
|
||||
<QRCodeButton v-if="sermon" :sermon="sermon" />
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<!-- Mobile Layout -->
|
||||
<div class="md:hidden">
|
||||
<div class="flex items-center justify-between mb-3">
|
||||
<img src="/logos/logo.png" alt="New Life Christian Church" class="h-12 w-auto" />
|
||||
<img src="/logos/logo.png" alt="New Life Christian Church" class="h-16 w-auto" />
|
||||
<ClientOnly fallback-tag="div">
|
||||
<template v-if="isAuthenticated">
|
||||
<button
|
||||
|
||||
@@ -7,16 +7,16 @@
|
||||
<NuxtLink to="/">
|
||||
<img src="/logos/logo.png" alt="New Life Christian Church" class="h-16 w-auto cursor-pointer hover:opacity-80" />
|
||||
</NuxtLink>
|
||||
<div class="flex items-center gap-4">
|
||||
<div class="flex items-center gap-2">
|
||||
<NuxtLink
|
||||
to="/"
|
||||
class="px-4 py-2 text-sm font-medium text-blue-700 bg-blue-50 rounded-md hover:bg-blue-100"
|
||||
class="px-3 py-2 text-sm font-medium text-blue-700 bg-blue-50 rounded-md hover:bg-blue-100 whitespace-nowrap"
|
||||
>
|
||||
Home
|
||||
</NuxtLink>
|
||||
<button
|
||||
@click="handleLogout"
|
||||
class="px-4 py-2 text-sm font-medium text-red-700 bg-red-50 rounded-md hover:bg-red-100"
|
||||
class="px-3 py-2 text-sm font-medium text-red-700 bg-red-50 rounded-md hover:bg-red-100 whitespace-nowrap"
|
||||
>
|
||||
Log Out
|
||||
</button>
|
||||
@@ -221,10 +221,9 @@
|
||||
<ul class="list-disc list-inside text-gray-700 mb-6 space-y-2">
|
||||
<li>Permanently delete your account</li>
|
||||
<li>Remove all your sermon notes</li>
|
||||
<li>Cannot be undone</li>
|
||||
</ul>
|
||||
<p class="text-sm text-red-600 font-semibold mb-6">
|
||||
Make sure you have emailed or downloaded any notes you want to keep!
|
||||
This cannot be undone. Make sure you have emailed or downloaded any notes you want to keep!
|
||||
</p>
|
||||
<div class="flex gap-4">
|
||||
<button
|
||||
|
||||
Reference in New Issue
Block a user