فهرست منبع

Removed link from card and Added link for category badge in card article

golestan 3 سال پیش
والد
کامیت
47f7e1edef
2فایلهای تغییر یافته به همراه19 افزوده شده و 3 حذف شده
  1. 5 2
      resources/sass/home/home.scss
  2. 14 1
      resources/views/home/category-blog.blade.php

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

@@ -309,14 +309,14 @@ a {
             border-bottom: 1px solid #e8eaf1;
             border-radius: 0.25rem;
         }
-        .article-link {
+        /*.article-link {
             display: block;
             position: absolute;
             width: 100%;
             height: 100%;
             top: 0;
             right: 0;
-        }
+        }*/
         .sub-title {
             color: lighten($gray, 20);
             font-size: 80%;
@@ -343,6 +343,9 @@ a {
             line-height: 2;
             text-align: justify;
         }
+        .category {
+            margin-top: 0.75rem;
+        }
         .article-footer {
             margin-top: 1.2rem;
             display: flex;

+ 14 - 1
resources/views/home/category-blog.blade.php

@@ -17,7 +17,6 @@
                     <div class="article-category-content-holder">
                         @for($i=0; $i<6; $i++)
                         <div class="article-content">
-                            <a href="" class="article-link"></a>
                             <div class="sub-title">
                                 <div class="d-flex">
                                     <div class="published-at">
@@ -46,6 +45,20 @@
                             <div class="lead-text">
                                 لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته
                             </div>
+                            <div class="category">
+                                <a href="" class="badge bg-info text-dark">
+                                    #جاوا
+                                </a>
+                                <a href="" class="badge bg-info text-dark">
+                                    #کدنویسی
+                                </a>
+                                <a href="#" class="badge bg-info text-dark">
+                                    #برنامه‌نویسی
+                                </a>
+                                <a href="#" class="badge bg-info text-dark">
+                                    #مهندسی معکوس
+                                </a>
+                            </div>
                             <div class="article-footer">
                                 <div class="author-published-holder">
                                     <div class="author-avatar-holder">