feat: improve browse button design

herteleo · Nov 2, 2022 · 6e456d7 · 6e456d7
1 parent 261be53
commit 6e456d7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -8,10 +8,10 @@ useDir();
 <template>
   <div class="grid grow place-items-center">
     <div class="max-w-md space-y-2 p-4 text-center text-gray-400">
-      <button @click="setRootDir">
+      <button class="rounded-xl border border-slate-800 p-6 hover:bg-slate-800" @click="setRootDir">
         <div class="space-y-2">
           <app-icon class="mx-auto opacity-60" name="Folder" size="128" />
-          <div class="text-xl capitalize">Click to browse your local files in the browser</div>
+          <div class="text-xl capitalize">Click to browse your local files</div>
           <div class="opacity-30">Because why not. Your local files stay private.</div>
           <div v-if="!isFileSystemApiAvailable" class="pt-2 text-sm text-amber-600">
             Sadly your browser is not supported.<br />Try the latest Chrome Browser.