fix(ui): Prevent playlist image aspect ratio from changing

EricLambrecht · Aug 28, 2018 · 5b49f93 · 5b49f93
1 parent 3e6312d
commit 5b49f93
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/App.vue b/src/App.vue
@@ -1,7 +1,8 @@
 <template>
   <div id="app">
     <img 
-      :src="logoURI" 
+      :src="logoURI"
+      class="image"
       width="140">
     <h1>Better Spotify Playlists (prototype, WIP)</h1>
 
@@ -171,6 +172,12 @@ export default {
     margin: 60px auto;
   }
 
+  .image {
+    height: 140px;
+    width: 140px;
+    object-fit: cover;
+  }
+
   .display-settings {
     text-align: left;