chore(podcast): update episodes icon and breakpoints

mybethel · Jan 11, 2021 · 1d78a08 · 1d78a08
1 parent 75d047e
commit 1d78a08
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/src/apps/podcast/routes/Home.vue b/src/apps/podcast/routes/Home.vue
@@ -21,7 +21,8 @@ export default {
     <v-row no-gutters>
       <v-col
         class="podcast--home__sidebar"
-        cols="3"
+        md="4"
+        lg="3"
       >
         <v-list>
           <v-subheader>{{ podcasts.length }} podcasts</v-subheader>
@@ -55,7 +56,7 @@ export default {
               >
                 <v-list-item-title>Episodes</v-list-item-title>
                 <v-list-item-icon>
-                  <v-icon>$folder</v-icon>
+                  <v-icon>$media</v-icon>
                 </v-list-item-icon>
               </v-list-item>
               <v-list-item
@@ -78,7 +79,10 @@ export default {
           </template>
         </v-list>
       </v-col>
-      <v-col cols="9">
+      <v-col
+        md="8"
+        lg="9"
+      >
         <router-view />
       </v-col>
     </v-row>
@@ -95,7 +99,7 @@ export default {
   }
 
   .v-list-item--dense {
-    padding-left: 72px;
+    padding-left: 88px;
   }
 }
 </style>
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
@@ -1,7 +1,7 @@
 import Vue from 'vue'
 import Vuetify from 'vuetify/lib'
 
-import { mdiApps, mdiCog, mdiEye, mdiEyeOff, mdiFolder } from '@mdi/js'
+import { mdiApps, mdiCog, mdiEye, mdiEyeOff, mdiFolder, mdiPlayBoxMultiple } from '@mdi/js'
 import { makePalette } from 'material-color-tool'
 
 const brand = makePalette('#137490')
@@ -14,6 +14,7 @@ const vuetify = new Vuetify({
     values: {
       apps: mdiApps,
       folder: mdiFolder,
+      media: mdiPlayBoxMultiple,
       settings: mdiCog,
       show: mdiEye,
       hide: mdiEyeOff