SevicheCC/Urara-Blog
1
0
Fork 0
mirror of https://github.com/Sevichecc/Urara-Blog.git synced 2025-04-30 23:19:30 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix avatar

Browse source
This commit is contained in:
sevichecc 2022-12-16 00:55:16 +08:00
parent 33eb87f572
commit f97821910f
Signed by untrusted user who does not match committer: SevicheCC
GPG key ID: C577000000000000
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/extra/profile.svelte
View file

@ -19,10 +19,10 @@
<div class="rounded-full border-2 border-white shadow-xl w-16 h-16"> <div class="rounded-full border-2 border-white shadow-xl w-16 h-16">
<img <img
class="hover:rotate-[360deg] transition-transform duration-1000 ease-in-out m-0" class="hover:rotate-[360deg] transition-transform duration-1000 ease-in-out m-0"
src={avatar ?? site.author.avatar}
alt={name ?? site.author.name} alt={name ?? site.author.name}
loading="lazy" loading="lazy"
decoding="async" /> decoding="async"
src="/assets/any@192.png"/>
</div> </div>
</div> </div>
{#if subname} {#if subname}

6
src/lib/components/index_profile.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { site } from '$lib/config/site' import { site } from '$lib/config/site'
import { src, width, height } from '/static/assets/any@512.png?width=384&metadata' import { src, width, height } from '/static/assets/avatar.jpg?width=384&metadata'
import srcset from '/static/assets/any@512.png?w=48;96;192&srcset' import srcset from '/static/assets/avatar.jpg?w=48;96;192&srcset'
</script> </script>
<div <div
@ -9,7 +9,7 @@
<a href={site.protocol + site.domain} class="hidden u-url u-uid">{site.author.name}</a> <a href={site.protocol + site.domain} class="hidden u-url u-uid">{site.author.name}</a>
<figure class="relative mx-auto group"> <figure class="relative mx-auto group">
<picture> <picture>
<source {srcset} type="image/avif" /> <source {srcset} type="image/jpg" />
<img <img
class="u-photo rounded-full shadow-xl transition-shadow z-10 w-24 h-24 md:w-32 md:h-32 hover:rotate-[360deg] transition-transform duration-1000 ease-in-out" class="u-photo rounded-full shadow-xl transition-shadow z-10 w-24 h-24 md:w-32 md:h-32 hover:rotate-[360deg] transition-transform duration-1000 ease-in-out"
{src} {src}