diff --git a/app/assets/stylesheets/extranet/_default/pages/_home.sass b/app/assets/stylesheets/extranet/_default/pages/_home.sass index 67b14858c24ac4041ae832635669c23430d37c8c..2b738754b367d6acdb041ebe37b8a75bbd55ad72 100644 --- a/app/assets/stylesheets/extranet/_default/pages/_home.sass +++ b/app/assets/stylesheets/extranet/_default/pages/_home.sass @@ -3,21 +3,18 @@ ul padding-left: 0 li - @include make-row - display: flex + border-bottom: 1px solid $light-border-color + margin-bottom: px2rem(30) position: relative > div - @include make-col-ready &:nth-child(1) - width: percentage(2/9) + img + width: 100% &:nth-child(2) - @include pseudo-bottom-border - @include pseudo-top-border display: flex justify-content: space-between padding-bottom: px2rem(16) padding-top: px2rem(12) - width: percentage(7/9) display: flex justify-content: space-between > div @@ -29,7 +26,19 @@ align-self: center img max-height: 80px - + @include media-breakpoint-up(md) + li + @include make-row + border-bottom: 0 + margin-bottom: px2rem(16) + > div + @include make-col-ready + &:nth-child(1) + width: percentage(2/9) + &:nth-child(2) + @include pseudo-bottom-border + @include pseudo-top-border + width: percentage(7/9) .promotions list-style: none padding-left: 0 diff --git a/app/views/extranet/home/index.html.erb b/app/views/extranet/home/index.html.erb index 79061617f3252ea6020feb97110baf923a4a45cb..43a96df61cf50c052bef34a58afd7fa8280a0c0b 100644 --- a/app/views/extranet/home/index.html.erb +++ b/app/views/extranet/home/index.html.erb @@ -6,13 +6,13 @@ <div class="experiences"> <ul> <% @experiences.ordered.each do |experience| %> - <li class="mb-3"> + <li> <div> <%= link_to experience.person, class: "stretched-link" do %> <% if experience.person.picture.attached? %> - <%= kamifusen_tag experience.person.picture, width: 200, class: 'img-fluid' %> + <%= kamifusen_tag experience.person.picture, width: 400, class: 'img-fluid' %> <% else %> - <%= image_tag 'extranet/avatar.png', width: 200, class: 'img-fluid' %> + <%= image_tag 'extranet/avatar.png', width: 400, class: 'img-fluid' %> <% end %> <% end %> </div>