Skip to content

Commit

Permalink
fix: white space issue
Browse files Browse the repository at this point in the history
  • Loading branch information
tomasohCHOM committed Sep 17, 2024
1 parent 1e57185 commit d445027
Show file tree
Hide file tree
Showing 3 changed files with 40 additions and 39 deletions.
3 changes: 2 additions & 1 deletion .prettierrc.mjs
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
/** @type {import("prettier").Config} */
export default {
plugins: ["prettier-plugin-astro"],
htmlWhitespaceSensitivity: "strict",
htmlWhitespaceSensitivity: "css",
singleQuote: "false",
};
2 changes: 1 addition & 1 deletion src/layouts/Layout.astro
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ const { title } = Astro.props;
<meta charset="UTF-8" />
<meta name="description" content="Astro description" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" href="/favicon.ico" />
<link rel="icon" href="/1st/favicon.ico" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>
Expand Down
74 changes: 37 additions & 37 deletions src/pages/sp24.astro
Original file line number Diff line number Diff line change
Expand Up @@ -47,57 +47,57 @@ const contributors: MarkdownEntry[] = Object.values(

<h2>List of contributors</h2>

<!-- prettier-ignore -->
<ul>
{
contributors.map((contributor) => (
<li>
<p>
<a href={`https://github.com/${contributor.frontmatter.username}`}>
<strong>{contributor.frontmatter.name}:</strong>
</a>{" "}
{contributor.frontmatter.message}
</p>
<strong>
<a href={contributor.frontmatter.username}>
{contributor.frontmatter.name}</a>:
</strong>
{contributor.frontmatter.message}
</li>
))
}
</ul>
</Layout>

<style>
body {
max-width: 60ch;
margin: 2rem auto;
padding: 1rem 2rem;
}

h1 {
vertical-align: center;
text-align: center;
}
<style>
body {
max-width: 60ch;
margin: 2rem auto;
padding: 1rem 2rem;
}

p {
margin: 0.125rem;
}
h1 {
vertical-align: center;
text-align: center;
}

p > b.oss {
color: var(--color-oss-team);
}
p {
margin: 0.125rem;
}

a {
color: var(--color-link);
}
p > b.oss {
color: var(--color-oss-team);
}

ul li p img {
width: 1.5rem;
}
a {
color: var(--color-link);
}

@media screen and (max-width: 30rem) {
h1 {
font-size: 1.5rem;
ul li p img {
width: 1.5rem;
}

h2 {
font-size: 1.25rem;
@media screen and (max-width: 30rem) {
h1 {
font-size: 1.5rem;
}

h2 {
font-size: 1.25rem;
}
}
}
</style>
</style>
</Layout>

0 comments on commit d445027

Please sign in to comment.