home, vault, and profile pages are framed out

2022-08-03 16:31:59 -06:00
parent 68dc18954d
commit 34f93f289b
16 changed files with 356 additions and 100 deletions
@@ -5,9 +5,7 @@
      <img :src="keep.img" class="card-img" :alt="keep.name">
      <div class="card-img-overlay d-flex justify-content-between align-items-end">
        <h5 class="card-title">{{ keep.name }}</h5>
-        <a href="#">
-          <img :src="keep.creator.picture" :alt="keep.creator.name" class="rounded-pill img-fluid">
-        </a>
+        <img :src="keep.creator.picture" :alt="keep.creator.name" class="rounded-pill img-fluid profile-pic">
      </div>
    </div>
  </div>
@@ -54,9 +52,10 @@ export default {
 .card-img {
  min-height: 160px;
  max-height: 80vh;
+  object-fit: cover;
 }

-.card-img-overlay img {
-  max-height: 36px;
+.profile-pic {
+  height: 36px;
 }
 </style>