ti/hereconnect
1
0
Fork 0
Code Issues 26 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

update styles

Browse Source
This commit is contained in:
Vasilii Mikhailovskii
2024-12-06 14:48:18 +02:00
parent 2a1ab52235
commit 9719f51b71
6 changed files with 55 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/frontend/src/views/ManageDashboardView.vue
+36 -39
View File
@@ -9,11 +9,11 @@
<div class="flex flex-col min-h-full"> <div class="flex flex-col min-h-full">
<main class="flex-grow flex justify-center py-6 px-4 md:px-6"> <main class="flex-grow flex justify-center py-6 px-4 md:px-6">
<div> <QueryRender :query="query">
<h1 class="text-2xl font-bold mb-4 text-center lg:text-left">Управление QR-кодами</h1> <template #default="{ data }">
<QueryRender :query="query"> <div v-if="data.rows.length > 0">
<template #default="{ data }"> <h1 class="text-2xl font-bold mb-4 text-center lg:text-left">Управление QR-кодами</h1>
<div v-if="data.rows.length > 0" class="flex flex-col gap-5"> <div class="flex flex-col gap-5">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<QRCodeCard <QRCodeCard
v-for="{ doc: qrCode } in data.rows" v-for="{ doc: qrCode } in data.rows"
@@ -31,44 +31,41 @@
/> />
</div> </div>
</div> </div>
<div v-else class="text-center text-gray-500"> </div>
<p class="mb-6">Нет созданных QR-кодов. Вы можете создать их прямо сейчас!</p> <div v-else class="text-center text-gray-500 place-self-center">
<Button <h1 class="text-2xl font-bold mb-4 text-center lg:text-left">Нет созданных QR-кодов</h1>
icon="pi pi-qrcode" <p class="mb-6">Вы можете создать их прямо сейчас!</p>
label="Создать QR‑код" <Button
to="/create" icon="pi pi-qrcode"
as="router-link" label="Создать QR‑код"
class="p-button-lg" to="/create"
/> as="router-link"
</div> class="p-button-lg"
</template> />
</div>
</template>
<template #error="{ reload }"> <template #error="{ reload }">
<div class="text-center text-red-500"> <div class="text-center text-red-500">
<p>Произошла ошибка при загрузке данных. Пожалуйста, попробуйте позже.</p> <p>Произошла ошибка при загрузке данных. Пожалуйста, попробуйте позже.</p>
<Button label="Повторить попытку" class="p-button mt-4" @click="reload()" /> <Button label="Повторить попытку" class="p-button mt-4" @click="reload()" />
</div> </div>
</template> </template>
<template #loading> <template #loading>
<div class="text-center text-gray-500"> <div class="text-center text-gray-500">
<p>Загрузка QR-кодов...</p> <p>Загрузка QR-кодов...</p>
<ProgressSpinner styleClass="mt-4" /> <ProgressSpinner styleClass="mt-4" />
</div> </div>
</template> </template>
</QueryRender> </QueryRender>
</div>
</main> </main>
<footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700"> <footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">
<p> Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a
Нужен еще один? href="/donate"
<a href="/create" class="underline">Создайте QR‑код</a>. class="underline underline-offset-2"
</p> >поддержке</a
<p class="mt-1"> >.
Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a href="/donate" class="underline"
>поддержке</a
>.
</p>
</footer> </footer>
</div> </div>
</template> </template>
apps/frontend/src/views/ManageQRCodeChatView.vue
+3 -3
View File
@@ -26,7 +26,7 @@
<p class="mt-10 text-sm text-gray-500 text-center"> <p class="mt-10 text-sm text-gray-500 text-center">
Хотите создать еще один QR‑код? Хотите создать еще один QR‑код?
<a href="/create" class="underline">Создайте его здесь</a>. <a href="/create" class="underline underline-offset-2">Создайте его здесь</a>.
</p> </p>
<p class="mt-1 text-sm text-gray-500 text-center"> <p class="mt-1 text-sm text-gray-500 text-center">
Сделайте НаСвязи удобнее. Мы будем рады вашей&nbsp;<RouterLink Сделайте НаСвязи удобнее. Мы будем рады вашей&nbsp;<RouterLink
@@ -42,9 +42,9 @@
<!-- Футер --> <!-- Футер -->
<!-- <footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">--> <!-- <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">--> <!-- <p class="mt-1">-->
<!-- Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a href="/donate" class="underline"--> <!-- Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a href="/donate" class="underline underline-offset-2"-->
<!-- >поддержке</a--> <!-- >поддержке</a-->
<!-- >.--> <!-- >.-->
<!-- </p>--> <!-- </p>-->
apps/frontend/src/views/ManageQRCodeReadyView.vue
+4 -2
View File
@@ -88,10 +88,12 @@
<footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700"> <footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">
<p> <p>
Нужен еще один? Нужен еще один?
<a href="/create" class="underline">Создайте QR‑код</a>. <a href="/create" class="underline underline-offset-2">Создайте QR‑код</a>.
</p> </p>
<p class="mt-1"> <p class="mt-1">
Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a href="/donate" class="underline" Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a
href="/donate"
class="underline underline-offset-2"
>поддержке</a >поддержке</a
>. >.
</p> </p>
apps/frontend/src/views/ManageQRCodeView.vue
+4 -2
View File
@@ -92,10 +92,12 @@
<footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700"> <footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">
<p> <p>
Нужен еще один? Нужен еще один?
<a href="/create" class="underline">Создайте QR‑код</a>. <a href="/create" class="underline underline-offset-2">Создайте QR‑код</a>.
</p> </p>
<p class="mt-1"> <p class="mt-1">
Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a href="/donate" class="underline" Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a
href="/donate"
class="underline underline-offset-2"
>поддержке</a >поддержке</a
>. >.
</p> </p>
apps/frontend/src/views/PublicChatView.vue
+4 -4
View File
@@ -26,12 +26,12 @@
<p class="mt-10 text-sm text-gray-500 text-center"> <p class="mt-10 text-sm text-gray-500 text-center">
Хотите создать собственный QR‑код? Хотите создать собственный QR‑код?
<a href="/create" class="underline">Создайте его здесь</a>. <a href="/create" class="underline underline-offset-2">Создайте его здесь</a>.
</p> </p>
<p class="mt-1 text-sm text-gray-500 text-center"> <p class="mt-1 text-sm text-gray-500 text-center">
Сделайте НаСвязи удобнее. Мы будем рады вашей&nbsp;<RouterLink Сделайте НаСвязи удобнее. Мы будем рады вашей&nbsp;<RouterLink
to="/donate" to="/donate"
class="underline" class="underline underline-offset-2"
>поддержке</RouterLink >поддержке</RouterLink
>. >.
</p> </p>
@@ -42,9 +42,9 @@
<!-- Футер --> <!-- Футер -->
<!-- <footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">--> <!-- <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">--> <!-- <p class="mt-1">-->
<!-- Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a href="/donate" class="underline"--> <!-- Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a href="/donate" class="underline underline-offset-2"-->
<!-- >поддержке</a--> <!-- >поддержке</a-->
<!-- >.--> <!-- >.-->
<!-- </p>--> <!-- </p>-->
apps/frontend/src/views/ReadQRCodeView.vue
+4 -2
View File
@@ -25,10 +25,12 @@
<footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700"> <footer class="bg-gray-100 text-center py-4 border-t text-sm text-gray-700">
<p> <p>
Нужен такой же? Нужен такой же?
<a href="/create" class="underline">Создайте свой QR‑код</a>. <a href="/create" class="underline underline-offset-2">Создайте свой QR‑код</a>.
</p> </p>
<p class="mt-1"> <p class="mt-1">
Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a href="/donate" class="underline" Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a
href="/donate"
class="underline underline-offset-2"
>поддержке</a >поддержке</a
>. >.
</p> </p>