refactor(css): rename .blog-content-w to .content-contaienr

mateusfg7 · Jul 20, 2023 · 3998056 · 3998056
1 parent ee415d8
commit 3998056
Show file tree

Hide file tree

Showing 13 changed files with 13 additions and 13 deletions.
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
@@ -6,7 +6,7 @@ import './styles.css'
 
 export default function Page() {
   return (
-    <div className="blog-content-w m-auto space-y-32">
+    <div className="content-container m-auto space-y-32">
       <AboutMe />
       <Knowledge />
       <Contact />

diff --git a/src/app/blog/author/[author]/page.tsx b/src/app/blog/author/[author]/page.tsx
@@ -28,7 +28,7 @@ export default function Page({ params }: Props) {
   const postList = getPostsByAuthor(author.user)
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <div className="mb-7">
         <div className="flex items-end gap-2">
           <h1 className="text-2xl font-bold">{author.name}</h1>

diff --git a/src/app/blog/categories/[category]/page.tsx b/src/app/blog/categories/[category]/page.tsx
@@ -31,7 +31,7 @@ export default function Page({ params }: Props) {
   const postList = getSortedPosts(getPostListOfCategory(slug(category)))
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <h1 className="mb-5 flex justify-center gap-2 text-2xl font-bold md:justify-start">
         <FolderOpen weight="duotone" className="text-3xl" />
         {getNormalCategoryString(category)}

diff --git a/src/app/blog/categories/page.tsx b/src/app/blog/categories/page.tsx
@@ -15,7 +15,7 @@ export default function Page() {
   const categories = getCategoriesAndNumberOfPosts()
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <h1 className="mb-5 text-center text-2xl font-bold md:text-left">
         Categories
       </h1>

diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
@@ -16,7 +16,7 @@ export default function Page() {
   const posts = getSortedPosts(allPosts)
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <PostList posts={posts} separateByYear />
     </div>
   )

diff --git a/src/app/blog/post/[slug]/page.tsx b/src/app/blog/post/[slug]/page.tsx
@@ -82,7 +82,7 @@ export default function Page({ params }: Props) {
   const author = post.author_info
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <div className="flex flex-col gap-4 leading-6">
         <div>
           <h1 className="text-center text-2xl font-bold md:text-left">

diff --git a/src/app/blog/tag/[tag]/page.tsx b/src/app/blog/tag/[tag]/page.tsx
@@ -28,7 +28,7 @@ export default function Page({ params }: Props) {
   const postList = getSortedPosts(getPostListBasedOnTag(slug(tag)))
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <h1 className="mb-5 flex items-end justify-center gap-2 text-2xl font-bold md:justify-start">
         {getNormalTagString(tag)}
         <Tag weight="duotone" />

diff --git a/src/app/blog/tag/page.tsx b/src/app/blog/tag/page.tsx
@@ -15,7 +15,7 @@ export default function Page() {
   const tags = getTagsAndNumberOfPosts()
 
   return (
-    <div className="blog-content-w z-0 m-auto">
+    <div className="content-container z-0 m-auto">
       <h1 className="mb-5 text-center text-2xl font-bold md:text-left">Tags</h1>
       <div className="hidden flex-wrap gap-2 md:flex">
         {tags

diff --git a/src/app/components/footer.tsx b/src/app/components/footer.tsx
@@ -19,7 +19,7 @@ export function Footer() {
 
   return (
     <div className="border-t border-neutral-300/30 py-11 dark:border-neutral-800/20">
-      <div className="blog-content-w m-auto flex items-center leading-none md:justify-between">
+      <div className="content-container m-auto flex items-center leading-none md:justify-between">
         <div className="hidden gap-4 text-neutral-500 dark:text-neutral-400 md:flex">
           <Link
             href="https://github.com/mateusfg7/mfg-b/blob/main/LICENSE"

diff --git a/src/app/components/header/index.tsx b/src/app/components/header/index.tsx
@@ -66,7 +66,7 @@ export function Header() {
           : 'md:border-b-transparent md:py-6'
       } border border-neutral-50 dark:border-neutral-800 md:border-b md:border-none`}
     >
-      <div className="blog-content-w m-auto flex flex-wrap items-center justify-between">
+      <div className="content-container m-auto flex flex-wrap items-center justify-between">
         <div className="md:hidden" />
         <Link href="/">
           <h1

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -6,7 +6,7 @@ import codeTyping from './components/code-type.svg'
 
 export default function Page() {
   return (
-    <div className="blog-content-w relative m-auto mb-10 flex min-h-screen flex-col items-center justify-between py-10">
+    <div className="content-container relative m-auto mb-10 flex min-h-screen flex-col items-center justify-between py-10">
       <div className="absolute h-full w-full bg-[url(/assets/code-type.svg)] bg-fixed bg-center bg-no-repeat opacity-10 md:hidden" />
       <div />
       <div className="flex w-full items-center justify-center gap-12 md:justify-between">

diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
@@ -13,7 +13,7 @@ export default function Page() {
     .sort((a, b) => Number(a.priority) - Number(b.priority))
 
   return (
-    <div className="blog-content-w m-auto">
+    <div className="content-container m-auto">
       <h1 className="mb-8 bg-gradient-to-br from-blue-700 to-blue-400 bg-clip-text text-center text-4xl font-bold text-transparent md:w-fit md:text-left">
         Projects
       </h1>

diff --git a/src/styles/utilities.css b/src/styles/utilities.css
@@ -1,7 +1,7 @@
 @tailwind utilities;
 
 @layer utilities {
-  .blog-content-w {
+  .content-container {
     @apply w-full px-4 md:max-w-4xl md:px-0;
   }
   .content-vertical-spaces {