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

style: optimize scrollbar and heading styling

Browse source
This commit is contained in:
radishzzz 2025-05-15 06:04:36 +01:00
parent 0e5905aaa3
commit bd24e340e7
9 changed files with 331 additions and 364 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -85,7 +85,7 @@ document.addEventListener('astro:page-load', initWaline)
--at-apply: 'p-0';
}
#waline .wl-header-item {
border-bottom: 1px solid var(--waline-border-color);
--at-apply: 'border-b border-solid border-primary/25';
}
#waline .wl-header label {
--at-apply: 'text-3';
@ -104,7 +104,7 @@ document.addEventListener('astro:page-load', initWaline)
--at-apply: 'min-h-24';
}
#waline .wl-editor::placeholder {
color: var(--waline-light-grey);
--at-apply: 'c-primary/25';
}
#waline .wl-footer {
--at-apply: 'm-2';
@ -121,17 +121,9 @@ document.addEventListener('astro:page-load', initWaline)
#waline .wl-emoji-popup {
--at-apply: 'start-0 rounded border-secondary/25';
}
#waline .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar {
--at-apply: 'w-1.25';
}
#waline .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-thumb {
--at-apply: 'bg-secondary/25';
}
#waline .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-thumb:hover {
--at-apply: 'bg-secondary/40';
}
#waline .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar-track-piece {
--at-apply: 'bg-transparent';
#waline {
scrollbar-width: thin;
scrollbar-color: oklch(var(--un-preset-theme-colors-secondary) / 0.25) transparent;
}
#waline .wl-gif-popup {
--at-apply: 'border-secondary/25';
@ -158,7 +150,7 @@ document.addEventListener('astro:page-load', initWaline)
--at-apply: 'leading-6 text-3.5';
}
#waline .wl-time {
color: oklch(var(--un-preset-theme-colors-primary) / 0.75);
--at-apply: 'c-primary/75';
}
#waline .wl-edit,
#waline .wl-delete {