pepepper/tissue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ユーザー名のスタイル調整

Browse Source
This commit is contained in:
shibafu 2020-10-24 18:30:13 +09:00
parent 581ae56173
commit 61b83c18a7
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
resources/assets/sass/app.scss vendored
View File

@ -15,6 +15,7 @@ $primary: #e53fb1;
@import "components/link-card"; @import "components/link-card";
@import "components/tag-input"; @import "components/tag-input";
@import "components/metadata-preview"; @import "components/metadata-preview";
@import "components/profile-mini";
// Tag // Tag
@import "tag/index"; @import "tag/index";

11
resources/assets/sass/components/_profile-mini.scss vendored Normal file
View File

@ -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;
}
}

8
resources/views/components/profile-mini.blade.php
View File

@ -1,14 +1,14 @@
<div class="d-flex flex-row align-items-end {{ $class ?? '' }}"> <div class="d-flex flex-row align-items-end {{ $class ?? '' }}">
<img src="{{ $user->getProfileImageUrl(48) }}" srcset="{{ Formatter::profileImageSrcSet($user, 48) }}" class="rounded mr-2"> <img src="{{ $user->getProfileImageUrl(48) }}" srcset="{{ Formatter::profileImageSrcSet($user, 48) }}" class="rounded mr-2">
<div class="d-flex flex-column overflow-hidden"> <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> <a class="text-dark" href="{{ route('user.profile', ['name' => $user->name]) }}">{{ $user->display_name }}</a>
</h5> </div>
<h6 class="card-subtitle"> <div class="tis-profile-mini-name">
<a class="text-muted" href="{{ route('user.profile', ['name' => $user->name]) }}">&commat;{{ $user->name }}</a> <a class="text-muted" href="{{ route('user.profile', ['name' => $user->name]) }}">&commat;{{ $user->name }}</a>
@if ($user->is_protected) @if ($user->is_protected)
<span class="oi oi-lock-locked text-muted"></span> <span class="oi oi-lock-locked text-muted"></span>
@endif @endif
</h6> </div>
</div> </div>
</div> </div>