introduce button-link class

Author: sprocketc

src/renderer/styles.css

@@ -143,6 +143,12 @@
     }
   }
 
+
+  .button-link {
+    @apply text-lg text-accent inline-block text-left text-wrap break-all;
+  }
+
+
   .backdrop {
     @apply absolute inset-0 flex items-center justify-center;
     background-color: var(--backdrop);

src/renderer/views.cljs

@@ -129,8 +129,8 @@
 (defn home []
   (let [recent @(rf/subscribe [::document.s/recent])]
     [:div.flex.overflow-auto.flex-1.min-h-full.justify-center.px-4
-     [:div.bg-primary.w-full.self-center.justify-between.p-12.flex.max-w-screen-xl
-      [:div
+     [:div.bg-primary.w-full.self-center.justify-between.p-6.lg:p-12.flex.max-w-screen-xl
+      [:div.overflow-hidden
        [:h1.text-4xl.mb-1.font-light
         "Repath Studio"]
 
@@ -140,12 +140,12 @@
        [:h2.mb-3.mt-8.text-2xl "Start"]
 
        [:div
-        [:button.text-lg.text-accent.mr-2
+        [:button.button-link.mr-2
          {:on-click #(rf/dispatch [::document.e/new])} "New"]
         [ui/shortcuts [::document.e/new]]]
 
        [:div
-        [:button.text-lg.text-accent.mr-2
+        [:button.button-link.mr-2
          {:on-click #(rf/dispatch [::document.e/open])}
          "Open"]
         [ui/shortcuts [::document.e/open]]]
@@ -156,14 +156,15 @@
 
        (for [file-path (take 2 recent)]
          ^{:key file-path}
-         [:button.text-lg.text-accent.block
-          {:on-click #(rf/dispatch [::document.e/open file-path])}
-          file-path])
+         [:div
+          [:button.button-link
+           {:on-click #(rf/dispatch [::document.e/open file-path])}
+           file-path]])
 
        [:h2.mb-3.mt-8.text-2xl "Help"]
 
        [:div
-        [:button.text-lg.text-accent.mr-2
+        [:button.button-link.mr-2
          {:on-click #(rf/dispatch [::dialog.e/cmdk])}
          "Command panel"]
         [ui/shortcuts [::dialog.e/cmdk]]]