feat: post navigation support auto wrap

This commit is contained in:
st1020 2024-09-04 20:34:50 +08:00
parent 6e7ded7511
commit 11028d729f
4 changed files with 82 additions and 72 deletions

View file

@ -14,9 +14,9 @@
"build": "pnpm tailwindcss -i ./static/app.css -o ./static/main.css" "build": "pnpm tailwindcss -i ./static/app.css -o ./static/main.css"
}, },
"dependencies": { "dependencies": {
"@tailwindcss/typography": "^0.5.13", "@tailwindcss/typography": "^0.5.15",
"prettier": "^3.3.3", "prettier": "^3.3.3",
"prettier-plugin-tailwindcss": "^0.6.5", "prettier-plugin-tailwindcss": "^0.6.6",
"tailwindcss": "^3.4.7" "tailwindcss": "^3.4.10"
} }
} }

123
pnpm-lock.yaml generated
View file

@ -9,17 +9,17 @@ importers:
.: .:
dependencies: dependencies:
'@tailwindcss/typography': '@tailwindcss/typography':
specifier: ^0.5.13 specifier: ^0.5.15
version: 0.5.13(tailwindcss@3.4.7) version: 0.5.15(tailwindcss@3.4.10)
prettier: prettier:
specifier: ^3.3.3 specifier: ^3.3.3
version: 3.3.3 version: 3.3.3
prettier-plugin-tailwindcss: prettier-plugin-tailwindcss:
specifier: ^0.6.5 specifier: ^0.6.6
version: 0.6.5(prettier@3.3.3) version: 0.6.6(prettier@3.3.3)
tailwindcss: tailwindcss:
specifier: ^3.4.7 specifier: ^3.4.10
version: 3.4.7 version: 3.4.10
packages: packages:
@ -65,10 +65,10 @@ packages:
resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==} resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
engines: {node: '>=14'} engines: {node: '>=14'}
'@tailwindcss/typography@0.5.13': '@tailwindcss/typography@0.5.15':
resolution: {integrity: sha512-ADGcJ8dX21dVVHIwTRgzrcunY6YY9uSlAHHGVKvkA+vLc5qLwEszvKts40lx7z0qc4clpjclwLeK5rVCV2P/uw==} resolution: {integrity: sha512-AqhlCXl+8grUz8uqExv5OTtgpjuVIwFTSXTrh8y9/pw6q2ek7fJ+Y8ZEVw7EB2DCcuCOtEjf9w3+J3rzts01uA==}
peerDependencies: peerDependencies:
tailwindcss: '>=3.0.0 || insiders' tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20'
ansi-regex@5.0.1: ansi-regex@5.0.1:
resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==} resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
@ -164,8 +164,8 @@ packages:
resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==} resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
engines: {node: '>=8'} engines: {node: '>=8'}
foreground-child@3.2.1: foreground-child@3.3.0:
resolution: {integrity: sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==} resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
engines: {node: '>=14'} engines: {node: '>=14'}
fsevents@2.3.3: fsevents@2.3.3:
@ -196,8 +196,8 @@ packages:
resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==} resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
engines: {node: '>=8'} engines: {node: '>=8'}
is-core-module@2.15.0: is-core-module@2.15.1:
resolution: {integrity: sha512-Dd+Lb2/zvk9SKy1TGCt1wFJFo/MWBPMX5x7KcvLajWTGuomczdQX61PvY5yK6SVACwpoexWo81IfFyoKY2QnTA==} resolution: {integrity: sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==}
engines: {node: '>= 0.4'} engines: {node: '>= 0.4'}
is-extglob@2.1.1: is-extglob@2.1.1:
@ -253,8 +253,8 @@ packages:
resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==} resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
engines: {node: '>= 8'} engines: {node: '>= 8'}
micromatch@4.0.7: micromatch@4.0.8:
resolution: {integrity: sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==} resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
engines: {node: '>=8.6'} engines: {node: '>=8.6'}
minimatch@9.0.5: minimatch@9.0.5:
@ -299,8 +299,8 @@ packages:
resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==} resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
engines: {node: '>=16 || 14 >=14.18'} engines: {node: '>=16 || 14 >=14.18'}
picocolors@1.0.1: picocolors@1.1.0:
resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==} resolution: {integrity: sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==}
picomatch@2.3.1: picomatch@2.3.1:
resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==} resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
@ -348,19 +348,19 @@ packages:
resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==} resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
engines: {node: '>=4'} engines: {node: '>=4'}
postcss-selector-parser@6.1.1: postcss-selector-parser@6.1.2:
resolution: {integrity: sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==} resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
engines: {node: '>=4'} engines: {node: '>=4'}
postcss-value-parser@4.2.0: postcss-value-parser@4.2.0:
resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
postcss@8.4.40: postcss@8.4.44:
resolution: {integrity: sha512-YF2kKIUzAofPMpfH6hOi2cGnv/HrUlfucspc7pDyvv7kGdqXrfj8SCl/t8owkEgKEuu8ZcRjSOxFxVLqwChZ2Q==} resolution: {integrity: sha512-Aweb9unOEpQ3ezu4Q00DPvvM2ZTUitJdNKeP/+uQgr1IBIqu574IaZoURId7BKtWMREwzKa9OgzPzezWGPWFQw==}
engines: {node: ^10 || ^12 || >=14} engines: {node: ^10 || ^12 || >=14}
prettier-plugin-tailwindcss@0.6.5: prettier-plugin-tailwindcss@0.6.6:
resolution: {integrity: sha512-axfeOArc/RiGHjOIy9HytehlC0ZLeMaqY09mm8YCkMzznKiDkwFzOpBvtuhuv3xG5qB73+Mj7OCe2j/L1ryfuQ==} resolution: {integrity: sha512-OPva5S7WAsPLEsOuOWXATi13QrCKACCiIonFgIR6V4lYv4QLp++UXVhZSzRbZxXGimkQtQT86CC6fQqTOybGng==}
engines: {node: '>=14.21.3'} engines: {node: '>=14.21.3'}
peerDependencies: peerDependencies:
'@ianvs/prettier-plugin-sort-imports': '*' '@ianvs/prettier-plugin-sort-imports': '*'
@ -374,6 +374,7 @@ packages:
prettier-plugin-import-sort: '*' prettier-plugin-import-sort: '*'
prettier-plugin-jsdoc: '*' prettier-plugin-jsdoc: '*'
prettier-plugin-marko: '*' prettier-plugin-marko: '*'
prettier-plugin-multiline-arrays: '*'
prettier-plugin-organize-attributes: '*' prettier-plugin-organize-attributes: '*'
prettier-plugin-organize-imports: '*' prettier-plugin-organize-imports: '*'
prettier-plugin-sort-imports: '*' prettier-plugin-sort-imports: '*'
@ -400,6 +401,8 @@ packages:
optional: true optional: true
prettier-plugin-marko: prettier-plugin-marko:
optional: true optional: true
prettier-plugin-multiline-arrays:
optional: true
prettier-plugin-organize-attributes: prettier-plugin-organize-attributes:
optional: true optional: true
prettier-plugin-organize-imports: prettier-plugin-organize-imports:
@ -478,8 +481,8 @@ packages:
resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==} resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
engines: {node: '>= 0.4'} engines: {node: '>= 0.4'}
tailwindcss@3.4.7: tailwindcss@3.4.10:
resolution: {integrity: sha512-rxWZbe87YJb4OcSopb7up2Ba4U82BoiSGUdoDr3Ydrg9ckxFS/YWsvhN323GMcddgU65QRy7JndC7ahhInhvlQ==} resolution: {integrity: sha512-KWZkVPm7yJRhdu4SRSl9d4AK2wM3a50UsvgHZO7xY77NQr2V+fIrEuoDGQcbvswWvFGbS2f6e+jC/6WJm1Dl0w==}
engines: {node: '>=14.0.0'} engines: {node: '>=14.0.0'}
hasBin: true hasBin: true
@ -513,8 +516,8 @@ packages:
resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==} resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
engines: {node: '>=12'} engines: {node: '>=12'}
yaml@2.5.0: yaml@2.5.1:
resolution: {integrity: sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw==} resolution: {integrity: sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==}
engines: {node: '>= 14'} engines: {node: '>= 14'}
hasBin: true hasBin: true
@ -563,13 +566,13 @@ snapshots:
'@pkgjs/parseargs@0.11.0': '@pkgjs/parseargs@0.11.0':
optional: true optional: true
'@tailwindcss/typography@0.5.13(tailwindcss@3.4.7)': '@tailwindcss/typography@0.5.15(tailwindcss@3.4.10)':
dependencies: dependencies:
lodash.castarray: 4.4.0 lodash.castarray: 4.4.0
lodash.isplainobject: 4.0.6 lodash.isplainobject: 4.0.6
lodash.merge: 4.6.2 lodash.merge: 4.6.2
postcss-selector-parser: 6.0.10 postcss-selector-parser: 6.0.10
tailwindcss: 3.4.7 tailwindcss: 3.4.10
ansi-regex@5.0.1: {} ansi-regex@5.0.1: {}
@ -648,7 +651,7 @@ snapshots:
'@nodelib/fs.walk': 1.2.8 '@nodelib/fs.walk': 1.2.8
glob-parent: 5.1.2 glob-parent: 5.1.2
merge2: 1.4.1 merge2: 1.4.1
micromatch: 4.0.7 micromatch: 4.0.8
fastq@1.17.1: fastq@1.17.1:
dependencies: dependencies:
@ -658,7 +661,7 @@ snapshots:
dependencies: dependencies:
to-regex-range: 5.0.1 to-regex-range: 5.0.1
foreground-child@3.2.1: foreground-child@3.3.0:
dependencies: dependencies:
cross-spawn: 7.0.3 cross-spawn: 7.0.3
signal-exit: 4.1.0 signal-exit: 4.1.0
@ -678,7 +681,7 @@ snapshots:
glob@10.4.5: glob@10.4.5:
dependencies: dependencies:
foreground-child: 3.2.1 foreground-child: 3.3.0
jackspeak: 3.4.3 jackspeak: 3.4.3
minimatch: 9.0.5 minimatch: 9.0.5
minipass: 7.1.2 minipass: 7.1.2
@ -693,7 +696,7 @@ snapshots:
dependencies: dependencies:
binary-extensions: 2.3.0 binary-extensions: 2.3.0
is-core-module@2.15.0: is-core-module@2.15.1:
dependencies: dependencies:
hasown: 2.0.2 hasown: 2.0.2
@ -733,7 +736,7 @@ snapshots:
merge2@1.4.1: {} merge2@1.4.1: {}
micromatch@4.0.7: micromatch@4.0.8:
dependencies: dependencies:
braces: 3.0.3 braces: 3.0.3
picomatch: 2.3.1 picomatch: 2.3.1
@ -769,7 +772,7 @@ snapshots:
lru-cache: 10.4.3 lru-cache: 10.4.3
minipass: 7.1.2 minipass: 7.1.2
picocolors@1.0.1: {} picocolors@1.1.0: {}
picomatch@2.3.1: {} picomatch@2.3.1: {}
@ -777,49 +780,49 @@ snapshots:
pirates@4.0.6: {} pirates@4.0.6: {}
postcss-import@15.1.0(postcss@8.4.40): postcss-import@15.1.0(postcss@8.4.44):
dependencies: dependencies:
postcss: 8.4.40 postcss: 8.4.44
postcss-value-parser: 4.2.0 postcss-value-parser: 4.2.0
read-cache: 1.0.0 read-cache: 1.0.0
resolve: 1.22.8 resolve: 1.22.8
postcss-js@4.0.1(postcss@8.4.40): postcss-js@4.0.1(postcss@8.4.44):
dependencies: dependencies:
camelcase-css: 2.0.1 camelcase-css: 2.0.1
postcss: 8.4.40 postcss: 8.4.44
postcss-load-config@4.0.2(postcss@8.4.40): postcss-load-config@4.0.2(postcss@8.4.44):
dependencies: dependencies:
lilconfig: 3.1.2 lilconfig: 3.1.2
yaml: 2.5.0 yaml: 2.5.1
optionalDependencies: optionalDependencies:
postcss: 8.4.40 postcss: 8.4.44
postcss-nested@6.2.0(postcss@8.4.40): postcss-nested@6.2.0(postcss@8.4.44):
dependencies: dependencies:
postcss: 8.4.40 postcss: 8.4.44
postcss-selector-parser: 6.1.1 postcss-selector-parser: 6.1.2
postcss-selector-parser@6.0.10: postcss-selector-parser@6.0.10:
dependencies: dependencies:
cssesc: 3.0.0 cssesc: 3.0.0
util-deprecate: 1.0.2 util-deprecate: 1.0.2
postcss-selector-parser@6.1.1: postcss-selector-parser@6.1.2:
dependencies: dependencies:
cssesc: 3.0.0 cssesc: 3.0.0
util-deprecate: 1.0.2 util-deprecate: 1.0.2
postcss-value-parser@4.2.0: {} postcss-value-parser@4.2.0: {}
postcss@8.4.40: postcss@8.4.44:
dependencies: dependencies:
nanoid: 3.3.7 nanoid: 3.3.7
picocolors: 1.0.1 picocolors: 1.1.0
source-map-js: 1.2.0 source-map-js: 1.2.0
prettier-plugin-tailwindcss@0.6.5(prettier@3.3.3): prettier-plugin-tailwindcss@0.6.6(prettier@3.3.3):
dependencies: dependencies:
prettier: 3.3.3 prettier: 3.3.3
@ -837,7 +840,7 @@ snapshots:
resolve@1.22.8: resolve@1.22.8:
dependencies: dependencies:
is-core-module: 2.15.0 is-core-module: 2.15.1
path-parse: 1.0.7 path-parse: 1.0.7
supports-preserve-symlinks-flag: 1.0.0 supports-preserve-symlinks-flag: 1.0.0
@ -889,7 +892,7 @@ snapshots:
supports-preserve-symlinks-flag@1.0.0: {} supports-preserve-symlinks-flag@1.0.0: {}
tailwindcss@3.4.7: tailwindcss@3.4.10:
dependencies: dependencies:
'@alloc/quick-lru': 5.2.0 '@alloc/quick-lru': 5.2.0
arg: 5.0.2 arg: 5.0.2
@ -901,16 +904,16 @@ snapshots:
is-glob: 4.0.3 is-glob: 4.0.3
jiti: 1.21.6 jiti: 1.21.6
lilconfig: 2.1.0 lilconfig: 2.1.0
micromatch: 4.0.7 micromatch: 4.0.8
normalize-path: 3.0.0 normalize-path: 3.0.0
object-hash: 3.0.0 object-hash: 3.0.0
picocolors: 1.0.1 picocolors: 1.1.0
postcss: 8.4.40 postcss: 8.4.44
postcss-import: 15.1.0(postcss@8.4.40) postcss-import: 15.1.0(postcss@8.4.44)
postcss-js: 4.0.1(postcss@8.4.40) postcss-js: 4.0.1(postcss@8.4.44)
postcss-load-config: 4.0.2(postcss@8.4.40) postcss-load-config: 4.0.2(postcss@8.4.44)
postcss-nested: 6.2.0(postcss@8.4.40) postcss-nested: 6.2.0(postcss@8.4.44)
postcss-selector-parser: 6.1.1 postcss-selector-parser: 6.1.2
resolve: 1.22.8 resolve: 1.22.8
sucrase: 3.35.0 sucrase: 3.35.0
transitivePeerDependencies: transitivePeerDependencies:
@ -948,4 +951,4 @@ snapshots:
string-width: 5.1.2 string-width: 5.1.2
strip-ansi: 7.1.0 strip-ansi: 7.1.0
yaml@2.5.0: {} yaml@2.5.1: {}

View file

@ -1,5 +1,5 @@
/* /*
! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com ! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/ */
/* /*
@ -911,7 +911,6 @@ pre table td:nth-of-type(1) {
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
width: 100%; width: 100%;
table-layout: auto; table-layout: auto;
text-align: start;
margin-top: 2em; margin-top: 2em;
margin-bottom: 2em; margin-bottom: 2em;
font-size: 0.875em; font-size: 0.875em;
@ -954,6 +953,10 @@ pre table td:nth-of-type(1) {
vertical-align: top; vertical-align: top;
} }
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -1342,10 +1345,6 @@ pre table td:nth-of-type(1) {
min-height: calc(100% - 9rem); min-height: calc(100% - 9rem);
} }
.w-1\/2 {
width: 50%;
}
.w-16 { .w-16 {
width: 4rem; width: 4rem;
} }
@ -1366,6 +1365,10 @@ pre table td:nth-of-type(1) {
width: 100%; width: 100%;
} }
.min-w-\[50\%\] {
min-width: 50%;
}
.max-w-3xl { .max-w-3xl {
max-width: 48rem; max-width: 48rem;
} }
@ -1378,6 +1381,10 @@ pre table td:nth-of-type(1) {
flex-shrink: 0; flex-shrink: 0;
} }
.grow {
flex-grow: 1;
}
.basis-full { .basis-full {
flex-basis: 100%; flex-basis: 100%;
} }

View file

@ -1,15 +1,15 @@
{% if page.lower or page.higher %} {% if page.lower or page.higher %}
<nav class="block-bg mt-12 flex rounded-lg text-lg"> <nav class="block-bg mt-12 flex flex-wrap rounded-lg text-lg">
{% if page.higher %} {% if page.higher %}
<a <a
class="block-hover-mask flex w-1/2 items-center rounded-l-md p-6 pr-3 font-semibold no-underline" class="block-hover-mask flex min-w-[50%] grow items-center rounded-l-md p-6 pr-3 font-semibold no-underline"
href="{{ page.higher.permalink }}" href="{{ page.higher.permalink }}"
><span class="mr-1.5"></span><span>{{ page.higher.title }}</span></a ><span class="mr-1.5"></span><span>{{ page.higher.title }}</span></a
> >
{% endif %}<!----> {% endif %}<!---->
{% if page.lower %} {% if page.lower %}
<a <a
class="block-hover-mask ml-auto flex w-1/2 items-center justify-end rounded-r-md p-6 pl-3 font-semibold no-underline" class="block-hover-mask ml-auto flex min-w-[50%] grow items-center justify-end rounded-r-md p-6 pl-3 font-semibold no-underline"
href="{{ page.lower.permalink }}" href="{{ page.lower.permalink }}"
><span>{{ page.lower.title }}</span><span class="ml-1.5"></span></a ><span>{{ page.lower.title }}</span><span class="ml-1.5"></span></a
> >