From 24ea120702057919efad425fb89e4f1542b00552 Mon Sep 17 00:00:00 2001
From: yeynii <yeynii@github.com>
Date: Mon, 13 Nov 2023 02:06:03 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=9A=B1=EB=9A=B1=EC=84=B8=EB=A1=9C,?=
 =?UTF-8?q?=20=EB=9A=B1=EB=9A=B1=EA=B0=80=EB=A1=9C=20=EB=A7=88=ED=81=AC?=
 =?UTF-8?q?=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/4cut-horizontal.png                    | Bin 0 -> 8319 bytes
 public/{4cut-long.png => 4cut-vertical.png}   | Bin
 .../PhotoList/components/AlbumInsidePages.tsx |  39 +++++++++++++++++-
 src/domain/photo/PhotoList/index.tsx          |   4 +-
 4 files changed, 41 insertions(+), 2 deletions(-)
 create mode 100644 public/4cut-horizontal.png
 rename public/{4cut-long.png => 4cut-vertical.png} (100%)

diff --git a/public/4cut-horizontal.png b/public/4cut-horizontal.png
new file mode 100644
index 0000000000000000000000000000000000000000..505e3a8715f1799ca3d973ccb41a979d688d42cd
GIT binary patch
literal 8319
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

literal 0
HcmV?d00001

diff --git a/public/4cut-long.png b/public/4cut-vertical.png
similarity index 100%
rename from public/4cut-long.png
rename to public/4cut-vertical.png
diff --git a/src/domain/photo/PhotoList/components/AlbumInsidePages.tsx b/src/domain/photo/PhotoList/components/AlbumInsidePages.tsx
index 77dfecf..7fd0570 100644
--- a/src/domain/photo/PhotoList/components/AlbumInsidePages.tsx
+++ b/src/domain/photo/PhotoList/components/AlbumInsidePages.tsx
@@ -16,7 +16,7 @@ function ThinVertical() {
   return (
     <div className="flex flex-1 p-8 gap-5">
       <div className="flex flex-col flex-1 gap-5">
-        <img src="4cut-long.png" alt="" className="w-full object-fill h-3/4" />
+        <img src="4cut-vertical.png" alt="" className="w-full object-fill h-3/4" />
         <div className="flex-1">
           <div className="text-[18px] text-white">23.03.01</div>
           <div className="text-[14px] text-white">#태그1 #태그2</div>
@@ -31,7 +31,44 @@ function ThinVertical() {
   );
 }
 
+function FatVertical() {
+  return (
+    <div className="flex flex-1 p-8">
+      <div className="flex flex-col flex-1 gap-5">
+        <img src="4cut-vertical.png" alt="" className="w-full object-fill h-3/4" />
+        <div className="flex-1">
+          <div className="text-[18px] text-white">23.03.01</div>
+          <div className="text-[14px] text-white">#태그1 #태그2</div>
+          <div className="text-[14px] text-white whitespace-pre-line">
+            scrambled it to make a type specimen book. It has survived not only five centuries, but also the scrambled
+            it to make a t
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function FatHorizontal() {
+  return (
+    <div className="flex flex-1 p-8 items-center">
+      <div className="flex flex-col flex-1 gap-5">
+        <img src="4cut-horizontal.png" alt="" className="w-full object-fill" />
+        <div className="flex-1">
+          <div className="text-[18px] text-white">23.03.01</div>
+          <div className="text-[14px] text-white">#태그1 #태그2</div>
+          <div className="text-[14px] text-white whitespace-pre-line">
+            scrambled it to make a type specimen book. It has survived not only five centuries, but also the scrambled
+            it to make a t
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
 export const AlbumPages = Object.assign(AlbumPagesContainer, {
   AlbumPages: AlbumPagesContainer,
   ThinVertical,
+  FatVertical,
+  FatHorizontal,
 });
diff --git a/src/domain/photo/PhotoList/index.tsx b/src/domain/photo/PhotoList/index.tsx
index acd3000..9581d3e 100644
--- a/src/domain/photo/PhotoList/index.tsx
+++ b/src/domain/photo/PhotoList/index.tsx
@@ -27,7 +27,9 @@ export default function PhotoList() {
       }
       content={
         <AlbumPages>
-          <AlbumPages.ThinVertical />
+          {/* <AlbumPages.ThinVertical /> */}
+          {/* <AlbumPages.FatVertical /> */}
+          <AlbumPages.FatHorizontal />
         </AlbumPages>
       }
       showFooter