mirror of
https://github.com/reonokiy/blog.nokiy.net.git
synced 2025-06-15 19:22:52 +02:00
fix: adjust component styles to resolve layout and positioning issues
This commit is contained in:
radishzzz
parent
48464370a4
commit
91481626c5
9 changed files with 48 additions and 32 deletions
54
pnpm-lock.yaml
generated
54
pnpm-lock.yaml
generated
|
|
@ -1927,6 +1927,15 @@ packages:
|
|||
eslint-flat-config-utils@2.1.0:
|
||||
resolution: {integrity: sha512-6fjOJ9tS0k28ketkUcQ+kKptB4dBZY2VijMZ9rGn8Cwnn1SH0cZBoPXT8AHBFHxmHcLFQK9zbELDinZ2Mr1rng==}
|
||||
|
||||
eslint-import-context@0.1.4:
|
||||
resolution: {integrity: sha512-x3+etvB5TPxjFIq2m4tTnpt/9Ekp5GZKzXNp5ExLaS7Qv9E5BVs/Td7jxSnRtSzrgTCExXZlc0MuOdSuDLURiQ==}
|
||||
engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
|
||||
peerDependencies:
|
||||
unrs-resolver: ^1.0.0
|
||||
peerDependenciesMeta:
|
||||
unrs-resolver:
|
||||
optional: true
|
||||
|
||||
eslint-import-resolver-node@0.3.9:
|
||||
resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
|
||||
|
||||
|
|
@ -1968,8 +1977,8 @@ packages:
|
|||
peerDependencies:
|
||||
eslint: '>=8'
|
||||
|
||||
eslint-plugin-import-x@4.12.2:
|
||||
resolution: {integrity: sha512-0jVUgJQipbs0yUfLe7LwYD6p8rIGqCysWZdyJFgkPzDyJgiKpuCaXlywKUAWgJ6u1nLpfrdt21B60OUkupyBrQ==}
|
||||
eslint-plugin-import-x@4.13.1:
|
||||
resolution: {integrity: sha512-Ua4HZBmG5TNr18q3Is+nT6mKCzNNpycqtv/+TkIK7E3w4LBlPlZI6vLwmDjXdIZtJPP2Z1Oh5+wksWwlcCjMpA==}
|
||||
engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
|
||||
peerDependencies:
|
||||
eslint: ^8.57.0 || ^9.0.0
|
||||
|
|
@ -2249,8 +2258,8 @@ packages:
|
|||
resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
|
||||
engines: {node: '>=18'}
|
||||
|
||||
globals@16.1.0:
|
||||
resolution: {integrity: sha512-aibexHNbb/jiUSObBgpHLj+sIuUmJnYcgXBlrfsiDZ9rt4aF2TFRbyLgZ2iFQuVZ1K5Mx3FVkbKRSgKrbK3K2g==}
|
||||
globals@16.2.0:
|
||||
resolution: {integrity: sha512-O+7l9tPdHCU320IigZZPj5zmRCFG9xHmx9cU8FqU2Rp+JN714seHV+2S9+JslCpY4gJwU2vOGox0wzgae/MCEg==}
|
||||
engines: {node: '>=18'}
|
||||
|
||||
graceful-fs@4.2.11:
|
||||
|
|
@ -3470,8 +3479,8 @@ packages:
|
|||
tinyexec@1.0.1:
|
||||
resolution: {integrity: sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw==}
|
||||
|
||||
tinyglobby@0.2.13:
|
||||
resolution: {integrity: sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==}
|
||||
tinyglobby@0.2.14:
|
||||
resolution: {integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==}
|
||||
engines: {node: '>=12.0.0'}
|
||||
|
||||
tinypool@1.0.2:
|
||||
|
|
@ -4059,7 +4068,7 @@ snapshots:
|
|||
eslint-merge-processors: 2.0.0(eslint@9.27.0(jiti@2.4.2))
|
||||
eslint-plugin-antfu: 3.1.1(eslint@9.27.0(jiti@2.4.2))
|
||||
eslint-plugin-command: 3.2.1(eslint@9.27.0(jiti@2.4.2))
|
||||
eslint-plugin-import-x: 4.12.2(eslint@9.27.0(jiti@2.4.2))(typescript@5.8.3)
|
||||
eslint-plugin-import-x: 4.13.1(eslint@9.27.0(jiti@2.4.2))(typescript@5.8.3)
|
||||
eslint-plugin-jsdoc: 50.6.17(eslint@9.27.0(jiti@2.4.2))
|
||||
eslint-plugin-jsonc: 2.20.1(eslint@9.27.0(jiti@2.4.2))
|
||||
eslint-plugin-n: 17.18.0(eslint@9.27.0(jiti@2.4.2))
|
||||
|
|
@ -4073,7 +4082,7 @@ snapshots:
|
|||
eslint-plugin-vue: 10.1.0(eslint@9.27.0(jiti@2.4.2))(vue-eslint-parser@10.1.3(eslint@9.27.0(jiti@2.4.2)))
|
||||
eslint-plugin-yml: 1.18.0(eslint@9.27.0(jiti@2.4.2))
|
||||
eslint-processor-vue-blocks: 2.0.0(@vue/compiler-sfc@3.5.14)(eslint@9.27.0(jiti@2.4.2))
|
||||
globals: 16.1.0
|
||||
globals: 16.2.0
|
||||
jsonc-eslint-parser: 2.4.0
|
||||
local-pkg: 1.1.1
|
||||
parse-gitignore: 2.0.0
|
||||
|
|
@ -5021,7 +5030,7 @@ snapshots:
|
|||
magic-string: 0.30.17
|
||||
pathe: 2.0.3
|
||||
perfect-debounce: 1.0.0
|
||||
tinyglobby: 0.2.13
|
||||
tinyglobby: 0.2.14
|
||||
unplugin-utils: 0.2.4
|
||||
|
||||
'@unocss/config@66.1.2':
|
||||
|
|
@ -5068,7 +5077,7 @@ snapshots:
|
|||
'@unocss/rule-utils': 66.1.2
|
||||
css-tree: 3.1.0
|
||||
postcss: 8.5.3
|
||||
tinyglobby: 0.2.13
|
||||
tinyglobby: 0.2.14
|
||||
|
||||
'@unocss/preset-attributify@66.1.2':
|
||||
dependencies:
|
||||
|
|
@ -5164,7 +5173,7 @@ snapshots:
|
|||
chokidar: 3.6.0
|
||||
magic-string: 0.30.17
|
||||
pathe: 2.0.3
|
||||
tinyglobby: 0.2.13
|
||||
tinyglobby: 0.2.14
|
||||
unplugin-utils: 0.2.4
|
||||
vite: 6.3.5(@types/node@22.15.21)(jiti@2.4.2)(lightningcss@1.29.3)(terser@5.39.0)(yaml@2.8.0)
|
||||
transitivePeerDependencies:
|
||||
|
|
@ -5577,7 +5586,7 @@ snapshots:
|
|||
semver: 7.7.2
|
||||
shiki: 3.4.2
|
||||
tinyexec: 0.3.2
|
||||
tinyglobby: 0.2.13
|
||||
tinyglobby: 0.2.14
|
||||
tsconfck: 3.1.6(typescript@5.8.3)
|
||||
ultrahtml: 1.6.0
|
||||
unifont: 0.5.0
|
||||
|
|
@ -6054,6 +6063,13 @@ snapshots:
|
|||
dependencies:
|
||||
pathe: 2.0.3
|
||||
|
||||
eslint-import-context@0.1.4(unrs-resolver@1.7.2):
|
||||
dependencies:
|
||||
get-tsconfig: 4.10.1
|
||||
stable-hash: 0.0.5
|
||||
optionalDependencies:
|
||||
unrs-resolver: 1.7.2
|
||||
|
||||
eslint-import-resolver-node@0.3.9:
|
||||
dependencies:
|
||||
debug: 3.2.7
|
||||
|
|
@ -6102,14 +6118,14 @@ snapshots:
|
|||
eslint: 9.27.0(jiti@2.4.2)
|
||||
eslint-compat-utils: 0.5.1(eslint@9.27.0(jiti@2.4.2))
|
||||
|
||||
eslint-plugin-import-x@4.12.2(eslint@9.27.0(jiti@2.4.2))(typescript@5.8.3):
|
||||
eslint-plugin-import-x@4.13.1(eslint@9.27.0(jiti@2.4.2))(typescript@5.8.3):
|
||||
dependencies:
|
||||
'@typescript-eslint/utils': 8.32.1(eslint@9.27.0(jiti@2.4.2))(typescript@5.8.3)
|
||||
comment-parser: 1.4.1
|
||||
debug: 4.4.1
|
||||
eslint: 9.27.0(jiti@2.4.2)
|
||||
eslint-import-context: 0.1.4(unrs-resolver@1.7.2)
|
||||
eslint-import-resolver-node: 0.3.9
|
||||
get-tsconfig: 4.10.1
|
||||
is-glob: 4.0.3
|
||||
minimatch: 10.0.1
|
||||
semver: 7.7.2
|
||||
|
|
@ -6181,7 +6197,7 @@ snapshots:
|
|||
jsonc-eslint-parser: 2.4.0
|
||||
pathe: 2.0.3
|
||||
pnpm-workspace-yaml: 0.3.1
|
||||
tinyglobby: 0.2.13
|
||||
tinyglobby: 0.2.14
|
||||
yaml-eslint-parser: 1.3.0
|
||||
|
||||
eslint-plugin-regexp@2.7.0(eslint@9.27.0(jiti@2.4.2)):
|
||||
|
|
@ -6216,7 +6232,7 @@ snapshots:
|
|||
eslint: 9.27.0(jiti@2.4.2)
|
||||
esquery: 1.6.0
|
||||
find-up-simple: 1.0.1
|
||||
globals: 16.1.0
|
||||
globals: 16.2.0
|
||||
indent-string: 5.0.0
|
||||
is-builtin-module: 5.0.0
|
||||
jsesc: 3.1.0
|
||||
|
|
@ -6482,7 +6498,7 @@ snapshots:
|
|||
|
||||
globals@15.15.0: {}
|
||||
|
||||
globals@16.1.0: {}
|
||||
globals@16.2.0: {}
|
||||
|
||||
graceful-fs@4.2.11: {}
|
||||
|
||||
|
|
@ -8238,7 +8254,7 @@ snapshots:
|
|||
|
||||
tinyexec@1.0.1: {}
|
||||
|
||||
tinyglobby@0.2.13:
|
||||
tinyglobby@0.2.14:
|
||||
dependencies:
|
||||
fdir: 6.4.4(picomatch@4.0.2)
|
||||
picomatch: 4.0.2
|
||||
|
|
@ -8513,7 +8529,7 @@ snapshots:
|
|||
picomatch: 4.0.2
|
||||
postcss: 8.5.3
|
||||
rollup: 4.41.1
|
||||
tinyglobby: 0.2.13
|
||||
tinyglobby: 0.2.14
|
||||
optionalDependencies:
|
||||
'@types/node': 22.15.21
|
||||
fsevents: 2.3.3
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@ const nextUrl = useSupportedLangs
|
|||
class:list={[
|
||||
'absolute right-7.25vw top-14.6 flex gap-6 min-[823px]:max-[1024px]:right-[calc(50vw-22rem)]',
|
||||
'[@supports(-webkit-touch-callout:none)]:top-13.6', // fix position issue on ios
|
||||
'lg:(fixed bottom-47 right-[max(5rem,calc(50vw-35rem))] top-auto w-14rem)',
|
||||
'lg:(fixed bottom-48 right-[max(5rem,calc(50vw-35rem))] top-auto w-14rem)',
|
||||
]}
|
||||
>
|
||||
<!-- Language Switcher -->
|
||||
|
|
|
|||
|
|
@ -30,11 +30,11 @@ const links = socialLinks.map((link) => {
|
|||
return link
|
||||
})
|
||||
|
||||
const footerLinkClass = 'highlight-hover footer-highlight-position-fix py-0.8 transition-colors after:bottom-0.15em hover:c-primary'
|
||||
const footerLinkClass = 'highlight-hover footer-highlight-position-fix py-0.8 transition-colors after:bottom-0.35em hover:c-primary'
|
||||
---
|
||||
|
||||
<footer
|
||||
class="mb-4 text-3 leading-1.25em font-navbar lg:(mb-0 text-3.5)"
|
||||
class="text-3 leading-1.25em font-navbar lg:text-3.5"
|
||||
lg="uno-desktop-column bottom-20"
|
||||
>
|
||||
<p>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ const SubtitleTag = isPost ? 'div' : 'h2'
|
|||
<TitleTag
|
||||
class:list={[
|
||||
isPost
|
||||
? `mb-2.8 mt-3.2 text-5.375 c-secondary lg:(mb-1.8 mt-0 text-9 c-primary)`
|
||||
? `mb-3.2 mt-2.6 text-5.375 c-secondary lg:(mb-1.8 mt-0 text-9 c-primary)`
|
||||
: `mb-1.8 w-75% text-8 c-primary lg:(w-full text-9)`,
|
||||
'font-bold font-title',
|
||||
]}
|
||||
|
|
|
|||
|
|
@ -11,8 +11,8 @@ const isAboutActive = isAbout
|
|||
|
||||
function getNavItemClass(isActive: boolean) {
|
||||
return isActive
|
||||
? 'highlight-static c-primary font-bold after:bottom-0.5em'
|
||||
: 'highlight-hover transition-colors transition-font-weight after:bottom-0.5em hover:(c-primary font-bold)'
|
||||
? 'highlight-static c-primary font-bold after:bottom-0.7em'
|
||||
: 'highlight-hover transition-colors transition-font-weight after:bottom-0.7em hover:(c-primary font-bold)'
|
||||
}
|
||||
|
||||
const navItems = [
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ const MarginBottom = isPost && themeConfig.comment?.enabled
|
|||
<body>
|
||||
<div
|
||||
class="mx-auto max-w-205.848 min-h-vh w-full min-h-dvh"
|
||||
p="x-[min(7.25vw,3.731rem)] y-9"
|
||||
p="x-[min(7.25vw,3.731rem)] y-10"
|
||||
lg="mx-[max(5rem,calc(50vw-35rem))] my-20 max-w-[min(calc(75vw-16rem),44rem)] min-h-full p-0"
|
||||
>
|
||||
<Header />
|
||||
|
|
|
|||
|
|
@ -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