fix: fixing avatar widths

This commit is contained in:
Paul Couture 2023-12-17 16:31:07 -06:00
parent a6dc77feff
commit 3e3e76773c
6 changed files with 8 additions and 4 deletions

View File

@ -14,3 +14,7 @@
border-color: darken($body-bg-light, 10%); border-color: darken($body-bg-light, 10%);
} }
} }
img.avatar_img {
max-width: 100%;
height: auto;
}

View File

@ -35,7 +35,7 @@
class="avatar" data-bs-toggle="tooltip" class="avatar" data-bs-toggle="tooltip"
data-bs-placement="top" data-bs-placement="top"
title="{{ $thisArtwork->artist->name }}"> title="{{ $thisArtwork->artist->name }}">
<img src="{{ $thisArtwork->artist->avatar() }}" <img class="avatar_img" src="{{ $thisArtwork->artist->avatar() }}"
alt="{{ $thisArtwork->artist->name }}"></a> alt="{{ $thisArtwork->artist->name }}"></a>
</span> </span>
</div> </div>

View File

@ -54,7 +54,7 @@
<span><i class="ri-user-add-line"></i>Join In</span></a> <span><i class="ri-user-add-line"></i>Join In</span></a>
</li> </li>
@else @else
<li class="avatar-info"> <a href="#"><img <li class="avatar-info"> <a href="#"><img class="avatar_img"
@if (Auth::user() && Auth::user()->artists->first() && Auth::user()->artists->first()->avatar) @if (Auth::user() && Auth::user()->artists->first() && Auth::user()->artists->first()->avatar)
src="{{ Auth::user()->artists->first()->avatar() }}" src="{{ Auth::user()->artists->first()->avatar() }}"
@else @else

View File

@ -60,7 +60,7 @@
class="avatar" data-bs-toggle="tooltip" class="avatar" data-bs-toggle="tooltip"
data-bs-placement="top" data-bs-placement="top"
title="{{ $episode->artwork->artist->name }}"> title="{{ $episode->artwork->artist->name }}">
<img src="{{ $episode->artwork->artist->avatar() }}" <img class="avatar_img" src="{{ $episode->artwork->artist->avatar() }}"
alt="{{ $episode->artwork->artist->name }}"></a> alt="{{ $episode->artwork->artist->name }}"></a>
</span> </span>
</div> </div>

View File

@ -3,7 +3,7 @@
<img src="{{ Vite::asset($artist->header ?? 'resources/img/artist-dark-banner-default.png') }}" alt="{{ $artist->name }}'s Cover Photo" /> <img src="{{ Vite::asset($artist->header ?? 'resources/img/artist-dark-banner-default.png') }}" alt="{{ $artist->name }}'s Cover Photo" />
</div> </div>
<div class="content"> <div class="content">
<a href="/artist/{{ $artist->slug }}"><img class="author-thumb" src="{{ $artist->avatar() }}" <a href="/artist/{{ $artist->slug }}"><img class="author-thumb avatar_img" src="{{ $artist->avatar() }}"
alt="{{ $artist->name }}" /></a> alt="{{ $artist->name }}" /></a>
<h4 class="title"><a href="/artists/{{ $artist->slug }}">{{ $artist->name }}</a></h4> <h4 class="title"><a href="/artists/{{ $artist->slug }}">{{ $artist->name }}</a></h4>
<p class="title">{{ $artist->location ?? 'No Agenda Nation' }}</p> <p class="title">{{ $artist->location ?? 'No Agenda Nation' }}</p>