update styles
This commit is contained in:
@@ -9,11 +9,11 @@
|
||||
|
||||
<div class="flex flex-col min-h-full">
|
||||
<main class="flex-grow flex justify-center py-6 px-4 md:px-6">
|
||||
<div>
|
||||
<h1 class="text-2xl font-bold mb-4 text-center lg:text-left">Управление QR-кодами</h1>
|
||||
<QueryRender :query="query">
|
||||
<template #default="{ data }">
|
||||
<div v-if="data.rows.length > 0" class="flex flex-col gap-5">
|
||||
<div v-if="data.rows.length > 0">
|
||||
<h1 class="text-2xl font-bold mb-4 text-center lg:text-left">Управление QR-кодами</h1>
|
||||
<div class="flex flex-col gap-5">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||||
<QRCodeCard
|
||||
v-for="{ doc: qrCode } in data.rows"
|
||||
@@ -31,8 +31,10 @@
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="text-center text-gray-500">
|
||||
<p class="mb-6">Нет созданных QR-кодов. Вы можете создать их прямо сейчас!</p>
|
||||
</div>
|
||||
<div v-else class="text-center text-gray-500 place-self-center">
|
||||
<h1 class="text-2xl font-bold mb-4 text-center lg:text-left">Нет созданных QR-кодов</h1>
|
||||
<p class="mb-6">Вы можете создать их прямо сейчас!</p>
|
||||
<Button
|
||||
icon="pi pi-qrcode"
|
||||
label="Создать QR‑код"
|
||||
@@ -57,18 +59,13 @@
|
||||
</div>
|
||||
</template>
|
||||
</QueryRender>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">
|
||||
<p>
|
||||
Нужен еще один?
|
||||
<a href="/create" class="underline">Создайте QR‑код</a>.
|
||||
</p>
|
||||
<p class="mt-1">
|
||||
Сделайте НаСвязи удобнее. Будем рады вашей <a href="/donate" class="underline"
|
||||
Сделайте НаСвязи удобнее. Будем рады вашей <a
|
||||
href="/donate"
|
||||
class="underline underline-offset-2"
|
||||
>поддержке</a
|
||||
>.
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
|
||||
<p class="mt-10 text-sm text-gray-500 text-center">
|
||||
Хотите создать еще один QR‑код?
|
||||
<a href="/create" class="underline">Создайте его здесь</a>.
|
||||
<a href="/create" class="underline underline-offset-2">Создайте его здесь</a>.
|
||||
</p>
|
||||
<p class="mt-1 text-sm text-gray-500 text-center">
|
||||
Сделайте НаСвязи удобнее. Мы будем рады вашей <RouterLink
|
||||
@@ -42,9 +42,9 @@
|
||||
|
||||
<!-- Футер -->
|
||||
<!-- <footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">-->
|
||||
<!-- <p><a href="/create" class="underline">Создайте свой QR‑код</a>.</p>-->
|
||||
<!-- <p><a href="/create" class="underline underline-offset-2">Создайте свой QR‑код</a>.</p>-->
|
||||
<!-- <p class="mt-1">-->
|
||||
<!-- Сделайте НаСвязи удобнее. Будем рады вашей <a href="/donate" class="underline"-->
|
||||
<!-- Сделайте НаСвязи удобнее. Будем рады вашей <a href="/donate" class="underline underline-offset-2"-->
|
||||
<!-- >поддержке</a-->
|
||||
<!-- >.-->
|
||||
<!-- </p>-->
|
||||
|
||||
@@ -88,10 +88,12 @@
|
||||
<footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">
|
||||
<p>
|
||||
Нужен еще один?
|
||||
<a href="/create" class="underline">Создайте QR‑код</a>.
|
||||
<a href="/create" class="underline underline-offset-2">Создайте QR‑код</a>.
|
||||
</p>
|
||||
<p class="mt-1">
|
||||
Сделайте НаСвязи удобнее. Будем рады вашей <a href="/donate" class="underline"
|
||||
Сделайте НаСвязи удобнее. Будем рады вашей <a
|
||||
href="/donate"
|
||||
class="underline underline-offset-2"
|
||||
>поддержке</a
|
||||
>.
|
||||
</p>
|
||||
|
||||
@@ -92,10 +92,12 @@
|
||||
<footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">
|
||||
<p>
|
||||
Нужен еще один?
|
||||
<a href="/create" class="underline">Создайте QR‑код</a>.
|
||||
<a href="/create" class="underline underline-offset-2">Создайте QR‑код</a>.
|
||||
</p>
|
||||
<p class="mt-1">
|
||||
Сделайте НаСвязи удобнее. Будем рады вашей <a href="/donate" class="underline"
|
||||
Сделайте НаСвязи удобнее. Будем рады вашей <a
|
||||
href="/donate"
|
||||
class="underline underline-offset-2"
|
||||
>поддержке</a
|
||||
>.
|
||||
</p>
|
||||
|
||||
@@ -26,12 +26,12 @@
|
||||
|
||||
<p class="mt-10 text-sm text-gray-500 text-center">
|
||||
Хотите создать собственный QR‑код?
|
||||
<a href="/create" class="underline">Создайте его здесь</a>.
|
||||
<a href="/create" class="underline underline-offset-2">Создайте его здесь</a>.
|
||||
</p>
|
||||
<p class="mt-1 text-sm text-gray-500 text-center">
|
||||
Сделайте НаСвязи удобнее. Мы будем рады вашей <RouterLink
|
||||
to="/donate"
|
||||
class="underline"
|
||||
class="underline underline-offset-2"
|
||||
>поддержке</RouterLink
|
||||
>.
|
||||
</p>
|
||||
@@ -42,9 +42,9 @@
|
||||
|
||||
<!-- Футер -->
|
||||
<!-- <footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">-->
|
||||
<!-- <p><a href="/create" class="underline">Создайте свой QR‑код</a>.</p>-->
|
||||
<!-- <p><a href="/create" class="underline underline-offset-2">Создайте свой QR‑код</a>.</p>-->
|
||||
<!-- <p class="mt-1">-->
|
||||
<!-- Сделайте НаСвязи удобнее. Будем рады вашей <a href="/donate" class="underline"-->
|
||||
<!-- Сделайте НаСвязи удобнее. Будем рады вашей <a href="/donate" class="underline underline-offset-2"-->
|
||||
<!-- >поддержке</a-->
|
||||
<!-- >.-->
|
||||
<!-- </p>-->
|
||||
|
||||
@@ -25,10 +25,12 @@
|
||||
<footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">
|
||||
<p>
|
||||
Нужен такой же?
|
||||
<a href="/create" class="underline">Создайте свой QR‑код</a>.
|
||||
<a href="/create" class="underline underline-offset-2">Создайте свой QR‑код</a>.
|
||||
</p>
|
||||
<p class="mt-1">
|
||||
Сделайте НаСвязи удобнее. Будем рады вашей <a href="/donate" class="underline"
|
||||
Сделайте НаСвязи удобнее. Будем рады вашей <a
|
||||
href="/donate"
|
||||
class="underline underline-offset-2"
|
||||
>поддержке</a
|
||||
>.
|
||||
</p>
|
||||
|
||||
Reference in New Issue
Block a user