Bump version, some minor UI update, remove obsolete CSS style

tranxuanthang · Dec 25, 2024 · c60795a · c60795a
1 parent 4df5ebe
commit c60795a
Show file tree

Hide file tree

Showing 8 changed files with 67 additions and 85 deletions.
diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "lrcget"
-version = "0.5.0"
+version = "1.0.0-beta.1"
 description = "Utility for mass-downloading LRC synced lyrics for your offline music library."
 authors = ["tranxuanthang"]
 license = "MIT"

diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
@@ -72,4 +72,4 @@
       "csp": "default-src 'self'; img-src 'self' asset: https://asset.localhost; media-src *; connect-src ipc: http://ipc.localhost 'self' asset: *; style-src 'unsafe-inline' 'self'"
     }
   }
-}
+}
diff --git a/src/components/About.vue b/src/components/About.vue
@@ -5,79 +5,86 @@
     @close="emit('close')"
   >
     <div class="overflow-auto">
-      <div class="text-sm mb-6">
+      <div class="mb-6">
         <label class="group-label mb-2">Update</label>
-        <div class="mb-1">Current version: <span class="font-bold">{{ version }}</span></div>
-        <template v-if="!isCheckingForUpdate && newestVersion">
-          <div class="mb-1">Newest version: <span class="font-bold">{{ newestVersion }}</span></div>
-          <div v-if="isUpdateAvailable" class="font-bold text-yellow-600 flex flex-wrap gap-1 items-center">
-            <Alert class="text-lg"/>
-            New update is available. See what's new and download at
-            <span><a :href="newestReleaseUrl" class="link" target="_blank" @click="downloadUpdate">LRCGET GitHub Release Page</a>!</span>
+
+        <div class="text-sm">
+          <div class="mb-1">Current version: <span class="font-bold">{{ version }}</span></div>
+          <template v-if="!isCheckingForUpdate && newestVersion">
+            <div class="mb-1">Newest version: <span class="font-bold">{{ newestVersion }}</span></div>
+            <div v-if="isUpdateAvailable" class="font-bold text-yellow-600 flex flex-wrap gap-1 items-center">
+              <Alert class="text-lg"/>
+              New update is available. See what's new and download at
+              <span><a :href="newestReleaseUrl" class="link" target="_blank" @click="downloadUpdate">LRCGET GitHub Release Page</a>!</span>
+            </div>
+            <div v-else class="font-bold text-green-600 flex flex-wrap gap-1 items-center">
+              <CheckCircle class="text-lg"/>
+              You are using newest version ;-)
+            </div>
+          </template>
+          <div v-else-if="!isCheckingForUpdate && !newestVersion">
+            Failed to check update from GitHub.
           </div>
-          <div v-else class="font-bold text-green-600 flex flex-wrap gap-1 items-center">
-            <CheckCircle class="text-lg"/>
-            You are using newest version ;-)
+          <div v-else>
+            Fetching newest version data from GitHub...
           </div>
-        </template>
-        <div v-else-if="!isCheckingForUpdate && !newestVersion">
-          Failed to check update from GitHub.
-        </div>
-        <div v-else>
-          Fetching newest version data from GitHub...
         </div>
       </div>
 
-      <div class="text-sm mb-6">
+      <div class="mb-6">
         <label class="group-label mb-2">Donation</label>
 
-        <div class="mb-2">
-          <div class="mb-1">GitHub Sponsors (Recommended):</div>
-          <div>
-            <a href="https://github.com/sponsors/tranxuanthang" class="link" target="_blank">
-              https://github.com/sponsors/tranxuanthang
-            </a>
+        <div class="text-sm">
+          <div class="mb-2">
+            <div class="mb-1">GitHub Sponsors (Recommended):</div>
+            <div>
+              <a href="https://github.com/sponsors/tranxuanthang" class="link" target="_blank">
+                https://github.com/sponsors/tranxuanthang
+              </a>
+            </div>
           </div>
-        </div>
 
-        <div class="mb-2">
-          <div class="mb-1">Buy Me a Coffee:</div>
-          <div>
-            <a href="https://www.buymeacoffee.com/thangtran" class="link" target="_blank">
-              https://www.buymeacoffee.com/thangtran
-            </a>
+          <div class="mb-2">
+            <div class="mb-1">Buy Me a Coffee:</div>
+            <div>
+              <a href="https://www.buymeacoffee.com/thangtran" class="link" target="_blank">
+                https://www.buymeacoffee.com/thangtran
+              </a>
+            </div>
           </div>
-        </div>
 
-        <div class="mb-2">
-          <div class="mb-1">Paypal:</div>
-          <div>
-            <a href="https://paypal.me/tranxuanthang98" class="link" target="_blank">
-              https://paypal.me/tranxuanthang98
-            </a>
+          <div class="mb-2">
+            <div class="mb-1">Paypal:</div>
+            <div>
+              <a href="https://paypal.me/tranxuanthang98" class="link" target="_blank">
+                https://paypal.me/tranxuanthang98
+              </a>
+            </div>
           </div>
-        </div>
 
-        <div class="mb-2">
-          <div class="mb-1">Monero (XMR):</div>
-          <CopyablePre>43ZN5qDdGQhPGthFnngD8rjCHYLsEFBcyJjDC1GPZzVxWSfT8R48QCLNGyy6Z9LvatF5j8kSgv23DgJpixJg8bnmMnKm3b7</CopyablePre>
-        </div>
+          <div class="mb-2">
+            <div class="mb-1">Monero (XMR):</div>
+            <CopyablePre>43ZN5qDdGQhPGthFnngD8rjCHYLsEFBcyJjDC1GPZzVxWSfT8R48QCLNGyy6Z9LvatF5j8kSgv23DgJpixJg8bnmMnKm3b7</CopyablePre>
+          </div>
 
-        <div class="mb-2">
-          <div class="mb-1">Litecoin (LTC):</div>
-          <CopyablePre>ltc1q7texq5qsp59gclqlwf6asrqmhm98gruvz94a48</CopyablePre>
+          <div class="mb-2">
+            <div class="mb-1">Litecoin (LTC):</div>
+            <CopyablePre>ltc1q7texq5qsp59gclqlwf6asrqmhm98gruvz94a48</CopyablePre>
+          </div>
         </div>
       </div>
 
-      <div class="text-sm">
+      <div>
         <label class="group-label mb-2">Home page, contact and support</label>
 
-        <div class="mb-1">
-          Github URL: <a href="https://github.com/tranxuanthang/lrcget" class="link" target="_blank" @click="downloadUpdate">github.com/tranxuanthang/lrcget</a>
-        </div>
+        <div class="text-sm">
+          <div class="mb-1">
+            Github URL: <a href="https://github.com/tranxuanthang/lrcget" class="link" target="_blank" @click="downloadUpdate">github.com/tranxuanthang/lrcget</a>
+          </div>
 
-        <div>
-          Email: <a href="mailto:[email protected]" class="link" target="_blank" @click="downloadUpdate">[email protected]</a>
+          <div>
+            Email: <a href="mailto:[email protected]" class="link" target="_blank" @click="downloadUpdate">[email protected]</a>
+          </div>
         </div>
       </div>
     </div>

diff --git a/src/components/common/CheckboxButton.vue b/src/components/common/CheckboxButton.vue
@@ -21,7 +21,7 @@
         v-else
         class="w-6 h-6 text-brave-30 dark:text-brave-90"
       />
-      <span class="ml-1 text-sm text-brave-30 dark:text-brave-90">
+      <span class="ml-1 child-label">
         <slot></slot>
       </span>
     </label>

diff --git a/src/components/common/RadioButton.vue b/src/components/common/RadioButton.vue
@@ -22,7 +22,7 @@
         v-else
         class="w-6 h-6 text-brave-30 dark:text-brave-90"
       />
-      <span class="ml-1 text-sm text-brave-30 dark:text-brave-90">
+      <span class="ml-1 child-label">
         <slot></slot>
       </span>
     </label>

diff --git a/src/components/library/Config.vue b/src/components/library/Config.vue
@@ -69,7 +69,7 @@
           >
             <div class="flex flex-col">
               <span class="mb-0.5">Try to embed the lyrics to the track files when possible</span>
-              <span class="text-xs text-yellow-700">This option could corrupt your track files. Make sure to backup your library before enabling it.</span>
+              <span class="text-xs text-yellow-700 dark:text-yellow-400">This option could corrupt your track files. Make sure to backup your library before enabling it.</span>
             </div>
           </CheckboxButton>
         </div>

diff --git a/src/style.css b/src/style.css
@@ -48,10 +48,6 @@ body {
   @apply bg-yellow-100 hover:bg-yellow-200 text-yellow-800 active:bg-yellow-300;
 }
 
-.border-normal {
-  @apply border-brave-25;
-}
-
 .button-primary {
   @apply bg-brave-30 hover:bg-brave-35 text-white active:bg-brave-25 dark:bg-brave-80 dark:hover:bg-brave-90 dark:active:bg-brave-90 dark:text-brave-20;
 }
@@ -85,21 +81,13 @@ body {
 }
 
 .group-label {
-  @apply font-bold text-xs uppercase text-brave-30 dark:text-brave-80 block;
+  @apply font-bold text-brave-30 dark:text-brave-90 block;
 }
 
 .child-label {
   @apply text-sm text-brave-35 dark:text-brave-95;
 }
 
-.checkbox {
-  @apply w-4 h-4 text-brave-90 bg-brave-35 accent-brave-35 rounded border-brave-35;
-}
-
-.checkbox-label {
-  @apply text-sm text-brave-35 dark:text-brave-95;
-}
-
 .input {
   @apply bg-brave-98 box-border border border-brave-90 focus:border-brave-80 outline-none
   text-sm rounded-full transition text-brave-35 placeholder:text-brave-70
@@ -123,29 +111,16 @@ body {
 }
 
 .modal-content {
-  @apply rounded-lg bg-white dark:bg-brave-5 flex flex-col m-2 select-none text-brave-5 dark:text-brave-95;
+  @apply rounded-lg bg-white dark:bg-brave-5 flex flex-col m-2 select-none text-brave-35 dark:text-brave-95;
   overscroll-behavior: contain;
 }
 
 .textarea {
   @apply bg-brave-98 box-border border border-brave-90 focus:border-brave-80 outline-none text-sm rounded-lg transition text-brave-35 placeholder:text-brave-70 resize-none;
 }
 
-.modal-title-bar {
-  @apply flex-none flex justify-between items-center px-6 py-2;
-}
-
-.modal-button {
-  @apply flex-none button text-brave-35 hover:text-brave-30 active:text-brave-25 rounded-full p-4;
-}
-
-.modal-title {
-  @apply text-lg grow line-clamp-1 overflow-hidden text-brave-30;
-}
-
 .modal-content {
   @apply rounded-lg bg-white flex flex-col m-2 select-none;
-  overscroll-behavior: contain;
 }
 
 .Vue-Toastification__toast.lrcget-toast {
-Original file line number
+Diff line change
@@ Expand Up / @@ -72,4 +72,4 @@ @@
           "csp": "default-src 'self'; img-src 'self' asset: https://asset.localhost; media-src *; connect-src ipc: http://ipc.localhost 'self' asset: *; style-src 'unsafe-inline' 'self'"
         }
       }
-    }
+    }