From 0dc4f326e79e9454c1407839f00457a01fd5e19d Mon Sep 17 00:00:00 2001
From: ClasWen <clas.wen@icloud.com>
Date: Wed, 5 Jun 2024 23:06:50 +0800
Subject: [PATCH] fix style

---
 src/pages/graduation/GenerateQR.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/graduation/GenerateQR.vue b/src/pages/graduation/GenerateQR.vue
index b054f75..0750b32 100644
--- a/src/pages/graduation/GenerateQR.vue
+++ b/src/pages/graduation/GenerateQR.vue
@@ -65,6 +65,13 @@ const onClickQRCode = () => {
     reset()
   }
 }
+
+const onClickId = () => {
+  const res = confirm("Reset id?")
+  if (res) {
+    setId()
+  }
+}
 </script>
 
 <template>
@@ -72,6 +79,6 @@ const onClickQRCode = () => {
     <div class="min-h-64 h-[40vh] aspect-square">
       <div class="h-full" v-if="svg" v-html="svg"></div>
     </div>
-    <div class="text-base sm:text-lg md:text-2xl mt-4 font-bold">{{ id }}</div>
+    <div class="text-nowrap text-base sm:text-lg md:text-2xl mt-4 font-bold" @click="onClickId">{{ id }}</div>
   </div>
 </template>