michael/blog
1
0
Fork 0
Code Issues 2 Pull requests Releases Packages 1 Wiki Activity

fix padding
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Michael Zhang 2023-09-01 19:25:56 -05:00
parent 3bf0200e7e
commit 424c056a09
4 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
package-lock.json generated
View file

@ -15,6 +15,7 @@
"astro-diagram": "^0.7.0",
"astro-imagetools": "^0.9.0",
"astro-remark-description": "^1.0.1",
"classnames": "^2.3.2",
"fork-awesome": "^1.2.0",
"katex": "^0.16.8",
"lodash-es": "^4.17.21",
@ -2387,6 +2388,11 @@
"node": ">=8"
}
},
"node_modules/classnames": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
"integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
},
"node_modules/cli-boxes": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz",

1
package.json
View file

@ -17,6 +17,7 @@
"astro-diagram": "^0.7.0",
"astro-imagetools": "^0.9.0",
"astro-remark-description": "^1.0.1",
"classnames": "^2.3.2",
"fork-awesome": "^1.2.0",
"katex": "^0.16.8",
"lodash-es": "^4.17.21",

10
src/layouts/BaseLayout.astro
View file

@ -1,8 +1,16 @@
---
import Footer from "../components/Footer.astro";
import LeftNav from "../components/LeftNav.astro";
import classNames from "classnames";
import "../styles/global.scss";
import "katex/dist/katex.min.css";
interface Props {
pad?: boolean;
}
const { pad } = Astro.props;
const shouldPad = pad === undefined ? true : pad;
---
<!doctype html>
@ -20,7 +28,7 @@ import "katex/dist/katex.min.css";
<div class="sep"></div>
<main>
<main class={classNames(shouldPad && "pad")}>
<slot />
</main>
</div>

9
src/styles/global.scss
View file

@ -99,7 +99,10 @@ pre > code {
.flex-wrapper > main {
min-width: 0;
box-sizing: border-box;
// padding: 20px;
&.pad {
padding: 20px;
}
}
@media screen and (max-width: variables.$breakpoint) {
@ -119,7 +122,7 @@ pre > code {
}
}
.flex-wrapper > main {
// padding-left: 30px;
.flex-wrapper > main.pad {
padding-left: 30px;
}
}