メンター以外には隠すブロックに使うクラス付の位置の修正、余白微調整

fjordllc · Dec 17, 2023 · 57699f0 · 57699f0
1 parent 19aca70
commit 57699f0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/app/javascript/components/user.vue b/app/javascript/components/user.vue
@@ -2,12 +2,12 @@
 .col-xxl-3.col-xl-4.col-lg-4.col-md-6.col-xs-12
   .users-item
     .users-item__inner.a-card
-      .users-item__inactive-message-container(v-if='(currentUser.mentor || currentUser.admin) && user.student_or_trainee')
-        .users-item__inactive-message.is-only-mentor(v-if='user.roles.includes("retired")')
+      .users-item__inactive-message-container.is-only-mentor(v-if='(currentUser.mentor || currentUser.admin) && user.student_or_trainee')
+        .users-item__inactive-message(v-if='user.roles.includes("retired")')
           | 退会しました
-        .users-item__inactive-message.is-only-mentor(v-else-if='user.roles.includes("hibernationed")')
+        .users-item__inactive-message(v-else-if='user.roles.includes("hibernationed")')
           | 休会中: {{ user.hibernated_at }}〜({{ user.hibernation_elapsed_days }}日経過)
-        .users-item__inactive-message.is-only-mentor(v-else-if='!user.active')
+        .users-item__inactive-message(v-else-if='!user.active')
           | 1ヶ月以上ログインがありません
       header.users-item__header
         .users-item__header-inner

diff --git a/app/javascript/stylesheets/application/blocks/user/_users-item.sass b/app/javascript/stylesheets/application/blocks/user/_users-item.sass
@@ -16,7 +16,7 @@
 
 .users-item__header
   +position(relative)
-  padding: 1rem
+  padding: .75rem 1rem
   border-bottom: solid 1px var(--border-tint)
 
 .users-item__header-inner