update dependencies

Tarhche · May 19, 2024 · 5fa8495 · 5fa8495
1 parent 6d020c5
commit 5fa8495
Show file tree

Hide file tree

Showing 4 changed files with 4,673 additions and 3,091 deletions.
diff --git a/frontend/assets/scss/main.scss b/frontend/assets/scss/main.scss
@@ -550,25 +550,44 @@ ol.list-featured li:before {
 
 // Article
 article {
-    p, pre, figure, img, blockquote, iframed, embed {
-        margin-bottom:2rem;
-    } 
-    blockquote {        
-        padding-left:40px;
-        margin-left:0px;
-        font-style:italic;
-        position:relative;
-    }
-    blockquote:before {
-        content: "“";
-        font-family: Georgia;
-        font-size: 8rem;
-        margin: -1rem 2rem 0 -3.9rem;
-        position: absolute;
-        opacity: 1;
-        float: left;
-        line-height: 1;
+  line-height: 2rem;
+
+  p, pre, figure, img, blockquote, iframed, embed {
+    margin-bottom: 1rem;
+  }
+
+  blockquote {        
+    padding-left:40px;
+    margin-left:0px;
+    font-style:italic;
+    position:relative;
+  }
+
+  blockquote:before {
+    content: "“";
+    font-family: Georgia;
+    font-size: 8rem;
+    margin: -1rem 2rem 0 -3.9rem;
+    position: absolute;
+    opacity: 1;
+    float: left;
+    line-height: 1;
+  }
+
+  .image {
+    text-align: center;
+
+    figcaption {
+      background-color: #f7f7f7;
+      caption-side: bottom;
+      color: #333;
+      display: block;
+      font-size: .75em;
+      outline-offset: -1px;
+      padding: .6em;
+      word-break: break-word;
     }
+  }
 }
 
 [dir="rtl"] article {

diff --git a/frontend/components/card/medium.vue b/frontend/components/card/medium.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="mb-3 d-flex  flex-column flex-md-row justify-content-md-between card border-0 rounded-2  overflow-hidden">
     <div class="card-header col-md-5 col-lg-4 col-xl-3 bg-transparent p-0 border-0 overflow-hidden rounded-0">
-      <figure class=" w-100 h-100">
-        <img class="w-100 h-100" :src="resolveFileUrl(cover)" :alt="title">
+      <figure>
+        <img class="h-100" :src="resolveFileUrl(cover)" :alt="title">
       </figure>
     </div>
     <div class=" card-body px-1 px-md-3 py-2 py-md-1  col-md-6 col-lg-7 col-xl-8  ">
@@ -38,6 +38,7 @@
 
   figure img {
     transition: 0.3s;
+    object-fit: cover;
   }
 
   figure img:hover {