Browse Source

Added learn more btn for card article, Changed col for column

golestan 3 years ago
parent
commit
eebcf8d4d4
2 changed files with 9 additions and 11 deletions
  1. 2 9
      resources/sass/home/home.scss
  2. 7 2
      resources/views/home/category-blog.blade.php

+ 2 - 9
resources/sass/home/home.scss

@@ -309,19 +309,12 @@ a {
             border-bottom: 1px solid #e8eaf1;
             border-radius: 0.25rem;
         }
-        /*.article-link {
-            display: block;
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            top: 0;
-            right: 0;
-        }*/
         .sub-title {
             color: lighten($gray, 20);
             font-size: 80%;
             display: flex;
             justify-content: space-between;
+            margin-bottom: 0.25rem;
             @media screen and (max-width: 576px) {
                 flex-direction: column;
             }
@@ -338,7 +331,7 @@ a {
             line-height: 2;
         }
         .lead-text {
-            margin-top: 1rem;
+            margin-top: 0.625rem;
             color: $gray;
             line-height: 2;
             text-align: justify;

+ 7 - 2
resources/views/home/category-blog.blade.php

@@ -10,7 +10,7 @@
     @slot('content')
         <section class="container my-5">
             <div class="row">
-                <div class="col-lg-8">
+                <div class="col-lg-9">
                     <h1 class="article-category-title-holder">
                         لیست مقالات
                     </h1>
@@ -70,12 +70,17 @@
                                         مشخصات نویسنده
                                     </div>
                                 </div>
+                                <div class="learn-more">
+                                    <a href="" class="btn btn-outline-primary">
+                                        ادامه...
+                                    </a>
+                                </div>
                             </div>
                         </div>
                         @endfor
                     </div>
                 </div>
-                <div class="col-lg-4">
+                <div class="col-lg-3">
                     <h1 class="article-category-title-holder">
                         مقالات اخیر
                     </h1>