Add ruler below random and most used

photonia-io · Apr 23, 2023 · 21ef0b8 · 21ef0b8
1 parent 3ad287e
commit 21ef0b8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/app/javascript/homepage/most-used-tags.vue b/app/javascript/homepage/most-used-tags.vue
@@ -1,15 +1,14 @@
 <template>
-  <div>
-    <h2 class="title is-3">Most used tags</h2>
-    <div class="field is-grouped is-grouped-multiline">
-      <TagWithCount
-        v-for="tag in tags"
-        :tag="tag"
-        :key="tag.id"
-      />
-    </div>
-    <router-link :to="{ name: 'tags-index' }" class="button">See tags page...</router-link>
+  <h2 class="title is-3 mb-2">Most used tags</h2>
+  <hr class="mt-0 mb-3"/>
+  <div class="field is-grouped is-grouped-multiline">
+    <TagWithCount
+      v-for="tag in tags"
+      :tag="tag"
+      :key="tag.id"
+    />
   </div>
+  <router-link :to="{ name: 'tags-index' }" class="button">See tags page...</router-link>
 </template>
 
 <script>

diff --git a/app/javascript/homepage/random-photos.vue b/app/javascript/homepage/random-photos.vue
@@ -1,5 +1,6 @@
 <template>
-  <h1 class="title is-3">Random Photos</h1>
+  <h2 class="title is-3 mb-2">Random Photos</h2>
+  <hr class="mt-0 mb-3"/>
   <div class="columns is-variable is-multiline">
     <div
       v-for="photo in photos"