Merge pull request #9 from nashikotokyo/feature/08_my_posts

Feature/08 my posts
nashikotokyo · Apr 3, 2022 · ca57fab · ca57fab
2 parents 2fcbd03 + 8c3879b
commit ca57fab
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 3 deletions.
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -103,4 +103,24 @@ img {
 
 .pagination {
   justify-content: center;
+}
+
+.thumbs {
+  width: 100%;
+  position: relative;
+  display: block;
+
+  &::before {
+    content: "";
+    display: block;
+    padding-top: 100%;
+  }
+
+  img {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    object-fit: cover;
+  }
 }
diff --git a/app/views/posts/_thumbnail_post.html.slim b/app/views/posts/_thumbnail_post.html.slim
@@ -0,0 +1,3 @@
+.col-md-4.mb-3
+  = link_to post_path(thumbnail_post), class: 'thumbs' do
+    = image_tag thumbnail_post.images.first.url
diff --git a/app/views/shared/_header.html.slim b/app/views/shared/_header.html.slim
@@ -12,7 +12,7 @@ nav.navbar.navbar-expand-lg.navbar-light.bg-white
         a.nav-link href="#"
           = icon 'far', 'heart', class: 'fa-lg'
       li.nav-item
-        a.nav-link href="#"
+        = link_to user_path(current_user), class: 'nav-link' do
           = icon 'far', 'user', class: 'fa-lg'
       li.nav-item
         = link_to 'ログアウト', logout_path, class: 'nav-link', method: :delete
diff --git a/app/views/users/show.html.slim b/app/views/users/show.html.slim
@@ -1,11 +1,14 @@
 .container
   .row
-    .col-md-6.offset-md-3
+    .col-md-10.offset-md-1
       .card
         .card-body
           .text-center.mb-3
             = image_tag 'profile-placeholder.png', size: '100x100', class: 'rounded-circle mr-1'
           .profile.text-center.mb-3
             = @user.username
           .text-center
-            = render 'follow_area', user: @user
+            = render 'follow_area', user: @user
+          hr
+          .row
+            = render partial: 'posts/thumbnail_post', collection: @user.posts