reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 11:41:17 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: update rounded corner styles for images and waline

Browse source
This commit is contained in:
radishzzz 2025-05-04 16:05:07 +01:00
parent d59c52b063
commit 168046de88
4 changed files with 194 additions and 172 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/components/Comments/Waline.astro
View file

@ -70,12 +70,20 @@ document.addEventListener('astro:page-load', initWaline)
--at-apply: 'mt-0 mr-3'
}
#waline .wl-avatar {
--at-apply: 'border-none'
}
#waline .wl-logout-btn {
--at-apply: 'z-99'
}
#waline .wl-login-nick:not(:has(img)) {
--at-apply: 'leading-3.6 mt-1.4';
}
#waline .wl-panel {
--at-apply: 'm-0 rounded-lg border-secondary/25'
--at-apply: 'm-0 rounded border-secondary/25'
}
#waline .wl-header {
@ -115,21 +123,31 @@ document.addEventListener('astro:page-load', initWaline)
--at-apply: 'm-2';
}
#waline .wl-btn {
--at-apply: 'rounded';
}
#waline .wl-text-number,
#waline .wl-action[title="Markdown Guide"],
#waline .wl-sort,
#waline .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar,
#waline .wl-gallery::-webkit-scrollbar {
--at-apply: 'hidden';
}
#waline .wl-emoji-popup {
--at-apply: 'start-0 border-secondary/25';
--at-apply: 'start-0 rounded border-secondary/25';
}
#waline .wl-emoji-popup .wl-tab-wrapper,
#waline .wl-gallery {
--at-apply: 'scrollbar-hidden';
#waline .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar {
--at-apply: 'w-1.2';
}
#waline .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-thumb {
background: oklch(var(--un-preset-theme-colors-secondary) / 0.25);
}
#waline .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-track-piece {
--at-apply: 'bg-transparent';
}
#waline .wl-gif-popup {
@ -144,6 +162,10 @@ document.addEventListener('astro:page-load', initWaline)
--at-apply: 'c-secondary/30 text-3.5';
}
#waline .wl-gallery {
--at-apply: 'scrollbar-hidden';
}
#waline .wl-meta-head {
--at-apply: 'pt-3 pb-2 px-0';
}