mirror of
https://github.com/reonokiy/blog.nokiy.net.git
synced 2025-06-16 11:41:17 +02:00
fix: adjust component styles to resolve layout and positioning issues
This commit is contained in:
parent
48464370a4
commit
91481626c5
9 changed files with 48 additions and 32 deletions
|
@ -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';
|
||||
}
|
||||
|
||||
|
|
|
@ -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';
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 */
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue