Amadeus
/
blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: some style fixes for the license block

This commit is contained in:
saicaca 2023-11-12 19:37:56 +08:00
parent 83e22e7e59
commit 4831f9f67f
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/misc/License.astro
View File

@ -18,7 +18,7 @@ import I18nKey from "../../i18n/i18nKey";
const profileConf = profileConfig; const profileConf = profileConfig;
const licenseConf = licenseConfig; const licenseConf = licenseConfig;
const postUrl = Astro.url; const postUrl = decodeURIComponent(Astro.url.toString());
--- ---
<div class=`relative transition overflow-hidden bg-[var(--license-block-bg)] py-5 px-6 ${className}`> <div class=`relative transition overflow-hidden bg-[var(--license-block-bg)] py-5 px-6 ${className}`>
@ -31,16 +31,16 @@ const postUrl = Astro.url;
<div class="flex gap-6 mt-2"> <div class="flex gap-6 mt-2">
<div> <div>
<div class="transition text-black/30 dark:text-white/30 text-sm">{i18n(I18nKey.author)}</div> <div class="transition text-black/30 dark:text-white/30 text-sm">{i18n(I18nKey.author)}</div>
<div class="transition text-black/75 dark:text-white/75">{profileConf.name}</div> <div class="transition text-black/75 dark:text-white/75 whitespace-nowrap">{profileConf.name}</div>
</div> </div>
<div> <div>
<div class="transition text-black/30 dark:text-white/30 text-sm">{i18n(I18nKey.publishedAt)}</div> <div class="transition text-black/30 dark:text-white/30 text-sm">{i18n(I18nKey.publishedAt)}</div>
<div class="transition text-black/75 dark:text-white/75">{formatDateToYYYYMMDD(pubDate)}</div> <div class="transition text-black/75 dark:text-white/75 whitespace-nowrap">{formatDateToYYYYMMDD(pubDate)}</div>
</div> </div>
<div> <div>
<div class="transition text-black/30 dark:text-white/30 text-sm">{i18n(I18nKey.license)}</div> <div class="transition text-black/30 dark:text-white/30 text-sm">{i18n(I18nKey.license)}</div>
<a href={licenseConf.url} target="_blank" class="link text-[var(--primary)]">{licenseConf.name}</a> <a href={licenseConf.url} target="_blank" class="link text-[var(--primary)] whitespace-nowrap">{licenseConf.name}</a>
</div> </div>
</div> </div>
<Icon name="fa6-brands:creative-commons" class="transition absolute right-6 top-1/2 -translate-y-1/2 text-black/5 dark:text-white/5" size="240"></Icon> <Icon name="fa6-brands:creative-commons" class="transition absolute pointer-events-none right-6 top-1/2 -translate-y-1/2 text-black/5 dark:text-white/5" size="240"></Icon>
</div> </div>