refactor: tiny visual tweaks (#94)

app/frontend/js/components/Index/GridView/GridItem.vue

@@ -23,12 +23,8 @@
       </div>
     </router-link>
     <div class="flex flex-col justify-between p-4 flex-1">
-      <div class="font-semibold leading-tight mb-2">
-        {{title}}
-      </div>
-      <div class="mb-6">
-        {{body}}
-      </div>
+      <div class="font-semibold leading-tight mb-2 text-lg" v-text="title" />
+      <div class="mb-6 text-sm" v-text="body" />
       <div class="w-full">
         <item-controls
           class="flex flex-row justify-around w-full"

app/frontend/js/components/Index/GridView/ResourceGrid.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full grid grid-cols-3 gap-6">
+  <div class="w-full grid grid-cols-3 xl:grid-cols-4 gap-6">
     <div
       is="grid-item"
       v-for="(resource, index) in resources"

app/frontend/js/mixins/has-input-appearance.js

@@ -1,5 +1,5 @@
 export default {
   data: () => ({
-    inputClasses: 'appearance-none inline-flex bg-gray-200 disabled:bg-gray-400 focus:bg-white text-gray-700 disabled:text-gray-600 rounded-md py-3 px-3 leading-tight border border-gray-200 focus:border-gray-300 outline',
+    inputClasses: 'appearance-none inline-flex bg-gray-200 disabled:bg-gray-400 focus:bg-white text-gray-700 disabled:text-gray-600 rounded-md py-3 px-3 leading-tight border border-gray-300 outline-none focus:border-gray-400 outline',
   }),
 }

app/frontend/packs/application.js

@@ -6,8 +6,6 @@ import Avo from '@/js/Avo'
 document.addEventListener('DOMContentLoaded', Avo.init)
 
 Mousetrap.bind('r r r', () => Avo.reload())
-// import '@/js/bootstrap'
-// import '@/js/vue'
 
 // Uncomment to copy all static images under ../images to the output folder and reference
 // them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)

config/webpacker.yml

@@ -63,8 +63,8 @@ development:
   dev_server:
     https: false
     host: localhost
-    port: 3035
-    public: localhost:3035
+    port: 3039
+    public: localhost:3039
     hmr: true
     # Inline should be set to true if using HMR
     inline: true
@@ -95,7 +95,7 @@ production:
   compile: false
 
   # Extract and emit a css file
-  extract_css: false
+  extract_css: true
 
   # Cache manifest.json for performance
   cache_manifest: true