LiBr/blog-astro
1
0
Fork 0
mirror of https://github.com/lbr77/blog-astro.git synced 2026-04-08 16:11:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Code,

Browse Source
This commit is contained in:
LiBr
2025-12-01 21:23:50 +08:00
parent ccb7bd7f97
commit 5d06b64110
3 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/notion/Callout.astro
View File

@@ -47,6 +47,8 @@ const callout = block.Callout
<style> <style>
.callout { .callout {
display: flex; display: flex;
align-items: flex-start;
box-sizing: border-box;
margin: 0.4rem auto; margin: 0.4rem auto;
padding: 16px 12px; padding: 16px 12px;
width: 100%; width: 100%;
@@ -60,6 +62,8 @@ const callout = block.Callout
background: rgba(235, 236, 237, 0.6); background: rgba(235, 236, 237, 0.6);
} }
.callout > div { .callout > div {
min-width: 0;
flex: 1 1 auto;
margin: 0; margin: 0;
line-height: 1.5rem; line-height: 1.5rem;
} }

17
src/components/notion/Code.astro
View File

@@ -88,7 +88,14 @@ const displayLanguage =
<style> <style>
.code { .code {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-self: stretch;
width: 100%; width: 100%;
max-width: 100%;
min-width: 0;
margin-inline: 0;
margin-bottom: 0.8rem; margin-bottom: 0.8rem;
border-radius: 12px; border-radius: 12px;
overflow: hidden; overflow: hidden;
@@ -103,6 +110,8 @@ const displayLanguage =
} }
.chrome { .chrome {
width: 100%;
min-width: 0;
display: grid; display: grid;
grid-template-columns: auto 1fr auto; grid-template-columns: auto 1fr auto;
align-items: center; align-items: center;
@@ -172,17 +181,23 @@ const displayLanguage =
.code .body { .code .body {
background: color-mix(in oklab, var(--muted) 12%, transparent); background: color-mix(in oklab, var(--muted) 12%, transparent);
min-width: 0;
width: 100%;
} }
.code pre { .code pre {
box-sizing: border-box;
overflow: auto; overflow: auto;
max-height: 65vh; max-height: 65vh;
padding: 1rem 1.1rem 1.3rem; padding: 1rem 1.1rem 1.3rem;
font-size: 0.9rem; font-size: 0.9rem;
line-height: 1.4; line-height: 1.4;
white-space: pre; white-space: pre;
min-width: 100%; width: 100%;
max-width: 100%;
min-width: 0;
background: transparent; background: transparent;
-webkit-overflow-scrolling: touch;
} }
.code pre.mermaid { .code pre.mermaid {

5
src/components/notion/ColumnList.astro
View File

@@ -28,11 +28,13 @@ if (!block.ColumnList) {
.column-list { .column-list {
display: flex; display: flex;
width: 100%; width: 100%;
box-sizing: border-box;
margin: 1rem auto; margin: 1rem auto;
gap: 0 1rem; gap: 0 1rem;
} }
.column-list > div { .column-list > div {
flex: 1 1 180px; flex: 1 1 180px;
min-width: 0;
width: 180px; width: 180px;
} }
@media (max-width: 640px) { @media (max-width: 640px) {
@@ -40,6 +42,7 @@ if (!block.ColumnList) {
display: block; display: block;
} }
.column-list > div { .column-list > div {
min-width: 0;
width: 100%; width: 100%;
} }
} }