more fixes for more nuxt3 ui fixes

Frontesque · Oct 10, 2024 · 1cfae00 · 1cfae00
1 parent cf3fbd5
commit 1cfae00
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 65 deletions.
diff --git a/app/components/device.vue b/app/components/device.vue
@@ -9,7 +9,7 @@
       <p class="accent--text">You may need to plug in your device or enable 'USB Debugging'</p>
       <p>or</p>
       <nuxt-link to="/wirelessSetup">
-        <button class="btn btn-primary"><icon name="link" /> Connect Wirelessly</button>
+        <button class="btn btn-primary text-white"><icon name="link" /> Connect Wirelessly</button>
       </nuxt-link>
     </center>
 

diff --git a/app/components/mirror.vue b/app/components/mirror.vue
diff --git a/app/components/scrcpy-plus-info.vue b/app/components/scrcpy-plus-info.vue
@@ -3,7 +3,7 @@
 
       <!--   Error Alert   -->
       <section class="s-alert-error" v-if="startupError">
-        <h3>Error Starting SCRCPY+</h3>
+        <h3 class="text-error"><b>Error Starting SCRCPY+</b></h3>
         <div style="color: #999;">This error could be caused by <b>{{ reason }}</b> not being properly installed on your OS.</div>
         <div style="color: #999; margin-top: 1em;">
           <b>More Details</b>
@@ -12,15 +12,15 @@
       </section>
 
       <section>
-        <h1>SCRCPY+ <span style="color: #999">{{ version }}</span></h1>
-        <h4>SCRCPY <span style="color: #999">{{ scrcpyVersion }}</span></h4>
-        <h4>ADB <span style="color: #999">{{ adbVersion }}</span></h4>
-        <div style="padding: 0.5em 0 0 0;">
-          <button class="btn btn-primary" @click="$utils.openExternal('https://discord.gg/APQyKz9e9w')">
+        <h1 class="text-2xl"><b>SCRCPY+</b> <span style="color: #999">{{ version }}</span></h1>
+        <h4 class="text-xl"><b>SCRCPY</b> <span style="color: #999">{{ scrcpyVersion }}</span></h4>
+        <h4 class="text-xl"><b>ADB</b> <span style="color: #999">{{ adbVersion }}</span></h4>
+        <div class="pt-2">
+          <button class="btn btn-primary text-white mr-2" @click="$utils.openExternal('https://discord.gg/APQyKz9e9w')">
             <icon name="discord" /> Discord
           </button>
           <nuxt-link to="/settings">
-            <button class="btn btn-primary">
+            <button class="btn btn-primary text-white mr-2">
               <icon name="gear" /> Settings
             </button>
           </nuxt-link>
@@ -40,7 +40,7 @@ export default {
       scrcpyVersion: localStorage.getItem("scrcpyVersion"),
       adbVersion: localStorage.getItem("adbVersion"),
 
-      startupError: true,
+      startupError: false,
       error: new String(),
       reason: "SCRCPY or ADB"
     }

diff --git a/app/components/update-notice.vue b/app/components/update-notice.vue
@@ -15,7 +15,7 @@
 export default {
     data() {
         return {
-            updateAvailable: true,
+            updateAvailable: false,
             currentVersion: new String(),
             latestVersion: new String(),
             repo: []

diff --git a/app/pages/settings.vue b/app/pages/settings.vue
@@ -2,16 +2,15 @@
     <div>
 
         <section>
-            <v-card-title>
-                <back />
-                Settings
-            </v-card-title>
+            <back />
+            Settings
         </section>
 
         <section>
-            <div v-for="item, i in settings" :key="i" style="display: flex;">
-                <v-switch inset :label="item.description" style="margin: 0;" @change="updateSetting(item.key, this)" v-model="item.data" />
-            </div>
+            <label class="label cursor-pointer" v-for="item in settings" :key="i">
+                <span class="label-text">{{ item.description }}</span>
+                <input type="checkbox" class="toggle toggle-primary" :checked="item.data" @change="updateSetting(item.key, this)" />
+            </label>
         </section>
 
     </div>

diff --git a/app/pages/wirelessSetup.vue b/app/pages/wirelessSetup.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
         <section>
-            <v-card-title><back />Wireless Connection Setup</v-card-title>
+            <back />Wireless Connection Setup
             <div class="accent--text">Android 11+ is required for a wireless connection to be established.</div>
             <a @click="$utils.openInternal('https://developer.android.com/studio/command-line/adb')">More information on pairing</a>
         </section>