move donat button to settings

samdems · May 1, 2024 · 8ebd9ab · 8ebd9ab
1 parent a80a894
commit 8ebd9ab
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 11 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -5,7 +5,6 @@
   import {usePlayersStore} from './stores/playersStore';
   import addPlayer from './components/addPlayer.vue';
   import logs from './components/Logs.vue';
-  import kofi from './components/kofi.vue';
 
   const playersStore = usePlayersStore();
 
@@ -33,10 +32,5 @@
 
       <gameSettings/>
     </div>
-    <div class="flex  items-center">
-    <div></div>
-      <kofi/>
-      <div></div>
-    </div>
   </div>
 </template>
diff --git a/src/components/GameSettings.vue b/src/components/GameSettings.vue
@@ -1,5 +1,5 @@
 <template>
-<button class="btn" onclick="settingsModal.showModal()">settings</button>
+<button class="btn" onclick="settingsModal.showModal()">Settings</button>
 <dialog id="settingsModal" class="modal">
   <div class="modal-box">
     <div class="p-2 flex flex-col justify-center items-center">
@@ -9,7 +9,8 @@
       </div>
       <p>Scan the QR code to join the game</p>
       <qrcode-vue :value="value" :size="200" level="H" class="m-4 p-2 bg-white" />
-      <p class="text-xs">{{value}}</p>
+      <p class="text-xs p-3">{{value}}</p>
+      <kofi/>
     </div>
     <div class="modal-action">
       <form method="dialog">
@@ -23,6 +24,7 @@
 
 <script setup lang="ts">
 import QrcodeVue from 'qrcode.vue';
+import Kofi from './kofi.vue';
 import { ref } from 'vue';
 
 const hash = ref(window.location.hash.substring(1));

diff --git a/src/components/kofi.vue b/src/components/kofi.vue
@@ -4,8 +4,8 @@
 <dialog id="kofiModal" class="modal">
   <div class="modal-box">
     <div class="p-2 flex flex-col justify-center items-center">
-      <h2 class="text-2xl">Ko-fi</h2> 
-      <iframe id='kofiframe' src='https://ko-fi.com/samdems/?hidefeed=true&widget=true&embed=true&preview=true' style='border:none;width:100%;padding:4px;background:#f9f9f9;' height='712' title='samdems'></iframe>
+      <iframe 
+        src='https://ko-fi.com/samdems/?hidefeed=true&widget=true' class="w-full rounded" height="650" title='samdems'></iframe>
     </div>
     <div class="modal-action">
       <form method="dialog">
@@ -15,4 +15,4 @@
   </div>
 </dialog>
 
-</template>
+</template>