From 61b83c18a780b0f815ea6d6c9ae8c662e30d57a6 Mon Sep 17 00:00:00 2001
From: shibafu <shibafu528@gmail.com>
Date: Sat, 24 Oct 2020 18:30:13 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=A6=E3=83=BC=E3=82=B6=E3=83=BC=E5=90=8D?=
 =?UTF-8?q?=E3=81=AE=E3=82=B9=E3=82=BF=E3=82=A4=E3=83=AB=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/sass/app.scss                      |  1 +
 resources/assets/sass/components/_profile-mini.scss | 11 +++++++++++
 resources/views/components/profile-mini.blade.php   |  8 ++++----
 3 files changed, 16 insertions(+), 4 deletions(-)
 create mode 100644 resources/assets/sass/components/_profile-mini.scss

diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index 25c375d..0304b60 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -15,6 +15,7 @@ $primary: #e53fb1;
 @import "components/link-card";
 @import "components/tag-input";
 @import "components/metadata-preview";
+@import "components/profile-mini";
 
 // Tag
 @import "tag/index";
diff --git a/resources/assets/sass/components/_profile-mini.scss b/resources/assets/sass/components/_profile-mini.scss
new file mode 100644
index 0000000..f2caecd
--- /dev/null
+++ b/resources/assets/sass/components/_profile-mini.scss
@@ -0,0 +1,11 @@
+.tis-profile-mini {
+    &-display-name {
+        font-size: 1.2rem;
+        font-weight: 500;
+    }
+
+    &-name {
+        margin-top: 0.125rem;
+        font-size: 0.8rem;
+    }
+}
diff --git a/resources/views/components/profile-mini.blade.php b/resources/views/components/profile-mini.blade.php
index 7f4dd97..81ab84d 100644
--- a/resources/views/components/profile-mini.blade.php
+++ b/resources/views/components/profile-mini.blade.php
@@ -1,14 +1,14 @@
 <div class="d-flex flex-row align-items-end {{ $class ?? '' }}">
     <img src="{{ $user->getProfileImageUrl(48) }}" srcset="{{ Formatter::profileImageSrcSet($user, 48) }}" class="rounded mr-2">
     <div class="d-flex flex-column overflow-hidden">
-        <h5 class="card-title text-truncate">
+        <div class="tis-profile-mini-display-name text-truncate">
             <a class="text-dark" href="{{ route('user.profile', ['name' => $user->name]) }}">{{ $user->display_name }}</a>
-        </h5>
-        <h6 class="card-subtitle">
+        </div>
+        <div class="tis-profile-mini-name">
             <a class="text-muted" href="{{ route('user.profile', ['name' => $user->name]) }}">&commat;{{ $user->name }}</a>
             @if ($user->is_protected)
                 <span class="oi oi-lock-locked text-muted"></span>
             @endif
-        </h6>
+        </div>
     </div>
 </div>