Skip to content

[feat] prettier tailwind #64

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
devwqc merged 3 commits into from
Nov 8, 2024
Merged

[feat] prettier tailwind #64

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
ae236d5
chore: prettier-plugin-tailwindcss 패키지 추가
devwqc Nov 8, 2024
9818f12
chore: prettierrc prettier-plugin-tailwindcss 추가
devwqc Nov 8, 2024
cc80ba3
style: prettier-plugin-tailwindcss 적용
devwqc Nov 8, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .prettierrc.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ export default {
singleQuote: true,
tabWidth: 2,
trailingComma: 'es5',
plugins: ['prettier-plugin-astro'],
plugins: ['prettier-plugin-astro', 'prettier-plugin-tailwindcss'],
overrides: [
{
files: '*.astro',
Expand Down
3 changes: 2 additions & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,7 @@
"devDependencies": {
"@tailwindcss/typography": "0.5.15",
"prettier": "3.3.3",
"prettier-plugin-astro": "0.14.1"
"prettier-plugin-astro": "0.14.1",
"prettier-plugin-tailwindcss": "0.6.8"
}
}
64 changes: 64 additions & 0 deletions pnpm-lock.yaml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions src/components/NavigationMobile.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ import HamburgerSvg from './HamburgerSvg.astro';
</li>
))
}
<button id="closeMenuBtn" type="button" class="absolute top-10 right-5">
<button id="closeMenuBtn" type="button" class="absolute right-5 top-10">
<CloseSvg class="size-7" />
</button>
</ul>
Expand All @@ -35,6 +35,6 @@ import HamburgerSvg from './HamburgerSvg.astro';

<style>
.expanded {
@apply bg-white fixed inset-0 flex flex-col gap-5;
@apply fixed inset-0 flex flex-col gap-5 bg-white;
}
</style>
2 changes: 1 addition & 1 deletion src/components/Tech.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,6 @@ const { label } = Astro.props;
---

<span
class="inline-flex justify-center items-center border rounded-full bg-gray-100 text-emerald-600 px-2 py-1"
class="inline-flex items-center justify-center rounded-full border bg-gray-100 px-2 py-1 text-emerald-600"
>{label}</span
>
4 changes: 2 additions & 2 deletions src/layouts/PageLayout.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,8 @@ const { title, description } = Astro.props;
<meta name="description" content={description} />
<slot name="head" />
</head>
<body class="max-w-[48rem] mx-auto my-0 px-5">
<div class="min-h-screen flex flex-col justify-between">
<body class="mx-auto my-0 max-w-[48rem] px-5">
<div class="flex min-h-screen flex-col justify-between">
<div>
<Header />
<slot />
Expand Down
12 changes: 6 additions & 6 deletions src/pages/about.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,11 @@ import PageLayout from '@/layouts/PageLayout.astro';
<PageLayout title="About">
<article class="flex flex-col gap-10">
<header>
<h1 class="text-3xl font-bold py-3">정봉찬</h1>
<h1 class="py-3 text-3xl font-bold">정봉찬</h1>
<p class="text-xl">프론트엔드 개발자</p>
</header>
<section>
<h2 class="text-2xl font-bold py-2">경력</h2>
<h2 class="py-2 text-2xl font-bold">경력</h2>
<ul>
<li>
<p class="text-xl font-bold">메멘토에이아이</p>
Expand All @@ -26,7 +26,7 @@ import PageLayout from '@/layouts/PageLayout.astro';
피부과 시술 예약 및 뷰티 컨설팅 시스템
</p>
<ul
class="[&>:not(:first-child)]:before:content-['-'] [&>:not(:first-child)]:before:px-2"
class="[&>:not(:first-child)]:before:px-2 [&>:not(:first-child)]:before:content-['-']"
>
<li class="py-2">
<TechList
Expand All @@ -49,7 +49,7 @@ import PageLayout from '@/layouts/PageLayout.astro';
피부과 관리 시스템, 백 오피스 시스템
</p>
<ul
class="[&>:not(:first-child)]:before:content-['-'] [&>:not(:first-child)]:before:px-2"
class="[&>:not(:first-child)]:before:px-2 [&>:not(:first-child)]:before:content-['-']"
>
<li class="py-2">
<TechList
Expand All @@ -73,7 +73,7 @@ import PageLayout from '@/layouts/PageLayout.astro';
<div class="py-2">
<p class="text-lg font-bold">제품 발주 시스템</p>
<ul
class="[&>:not(:first-child)]:before:content-['-'] [&>:not(:first-child)]:before:px-2"
class="[&>:not(:first-child)]:before:px-2 [&>:not(:first-child)]:before:content-['-']"
>
<li class="py-2">
<TechList
Expand All @@ -100,7 +100,7 @@ import PageLayout from '@/layouts/PageLayout.astro';
</ul>
</section>
<section>
<h2 class="text-2xl font-bold py-2">교육</h2>
<h2 class="py-2 text-2xl font-bold">교육</h2>
<ul>
<li>
<p>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/blog/[...slug].astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ const { Content } = await post.render();

<PageLayout title={post.data.title}>
<article>
<header class="border-b pb-10 text-center flex flex-col gap-3">
<header class="flex flex-col gap-3 border-b pb-10 text-center">
<h1 class="text-4xl font-bold">{post.data.title}</h1>
<p class="text-gray-500">
<span>
Expand Down
4 changes: 2 additions & 2 deletions src/pages/blog/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,10 @@ const posts = (await getCollection('blog')).sort(
<article>
<a
href={`/blog/${post.slug}/`}
class="hover:text-emerald-600 flex flex-col gap-1"
class="flex flex-col gap-1 hover:text-emerald-600"
>
<h2 class="text-3xl font-bold">{post.data.title}</h2>
<p class="text-gray-500 text-sm">
<p class="text-sm text-gray-500">
<span>
작성일:
<FormattedDate datetime={post.data.pubDate} />
Expand Down
4 changes: 2 additions & 2 deletions src/pages/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,10 @@ const posts = (await getCollection('blog')).sort(
<article>
<a
href={`/blog/${post.slug}/`}
class="hover:text-emerald-600 flex flex-col gap-1"
class="flex flex-col gap-1 hover:text-emerald-600"
>
<h2 class="text-3xl font-bold">{post.data.title}</h2>
<p class="text-gray-500 text-sm">
<p class="text-sm text-gray-500">
<span>
작성일:
<FormattedDate datetime={post.data.pubDate} />
Expand Down