pihkaal/simple-qr
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): fix title color and image border

Browse Source
This commit is contained in:
Pihkaal
2024-10-13 00:34:16 +02:00
parent b8bad9adea
commit 4e6e66e802
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app.vue
View File

@@ -126,11 +126,16 @@ const arrayToUnion = (array: string[]) =>
<div <div
class="p-5 w-full max-w-[850px] flex flex-col justify-center space-y-4" class="p-5 w-full max-w-[850px] flex flex-col justify-center space-y-4"
> >
<h1 class="text-4xl font-bold text-white border-b border-gray-700"> <h1
class="text-4xl font-bold pb-1.5 border-b border-gray-100 dark:border-gray-800"
>
Simple QRCode Generator Simple QRCode Generator
</h1> </h1>
<div class="flex justify-between space-x-8"> <div class="flex justify-between space-x-8">
<img :src="qrCodeSrc" class="max-h-[375px] aspect-square" > <img
:src="qrCodeSrc"
class="max-h-[375px] aspect-square border border-gray-100 dark:border-gray-800"
/>
<div class="flex-1 flex flex-col justify-center"> <div class="flex-1 flex flex-col justify-center">
<UForm ref="form" :state="state" class="space-y-4"> <UForm ref="form" :state="state" class="space-y-4">
@@ -286,8 +291,8 @@ const arrayToUnion = (array: string[]) =>
<p> <p>
You can easily generate QRCodes by using the API, with no rate You can easily generate QRCodes by using the API, with no rate
limitation. limitation.
<br > <br />
<br > <br />
If you are not sure how to use the API, you can fill the QRCode form If you are not sure how to use the API, you can fill the QRCode form
and copy the generated API URL. and copy the generated API URL.
</p> </p>