fix: adjust component styles to resolve layout and positioning issues

This commit is contained in:
radishzzz 2025-05-25 19:52:29 +01:00
parent 48464370a4
commit 91481626c5
9 changed files with 48 additions and 32 deletions

View file

@ -129,13 +129,13 @@
}
/* Video */
iframe {
.heti iframe {
--at-apply: 'my-6 aspect-video w-full';
}
:is(h1, h2, h3, h4, h5, h6, iframe) + iframe {
.heti :is(h1, h2, h3, h4, h5, h6, iframe) + iframe {
--at-apply: 'mt-4';
}
iframe:has(+ iframe) {
.heti iframe:has(+ iframe) {
--at-apply: 'mb-4';
}

View file

@ -60,9 +60,9 @@ h4:hover .heading-anchor-link svg:hover {
/* Fix Highlight Position Issue on iOS */
@supports (-webkit-touch-callout: none) {
.navbar-highlight-position-fix {
--at-apply: 'after:bottom-0.68em';
--at-apply: 'after:bottom-0.88em';
}
.footer-highlight-position-fix {
--at-apply: 'after:bottom-0.39em';
--at-apply: 'after:bottom-0.59em';
}
}

View file

@ -12,7 +12,7 @@
/* Customized Post Title */
.heti .post-title {
--at-apply: 'mb-2 text-8.6 font-bold lg:text-9';
--at-apply: 'mb-2 mt-0 text-8.6 font-bold lg:text-9';
}
/* Headings */