From 74f89ae7cbf898bfc3c6a4296f2955be363fbb6b Mon Sep 17 00:00:00 2001
From: dm1sh <me@dmitriy.icu>
Date: Tue, 5 Sep 2023 08:26:35 +0300
Subject: [PATCH] Fixed poetry image width

---
 .gitignore                         | 1 +
 front/src/components/Poetry.tsx    | 2 +-
 front/src/styles/Poetry.module.css | 4 ++++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index cb19d53..4722370 100644
--- a/.gitignore
+++ b/.gitignore
@@ -28,5 +28,6 @@ dist-ssr
 *.db
 uploads/
 .env
+poem_pic/
 
 __pycache__
\ No newline at end of file
diff --git a/front/src/components/Poetry.tsx b/front/src/components/Poetry.tsx
index 10ea8db..5dca41a 100644
--- a/front/src/components/Poetry.tsx
+++ b/front/src/components/Poetry.tsx
@@ -26,7 +26,7 @@ function Poetry() {
                                 }}
                             />
                             <p><em>{poetry.data.author}</em></p>
-                            <img src={`/poem_pic/${poetry.data.id}.jpg`} alt='Иллюстрация' />
+                            <img className={styles.image} src={`/poem_pic/${poetry.data.id}.jpg`} alt='Иллюстрация' />
                         </>
                     )
                 ) : (
diff --git a/front/src/styles/Poetry.module.css b/front/src/styles/Poetry.module.css
index 8057f48..516257e 100644
--- a/front/src/styles/Poetry.module.css
+++ b/front/src/styles/Poetry.module.css
@@ -4,4 +4,8 @@
 
 .text {
     white-space: pre-wrap;
+}
+
+.image {
+    width: 100%;
 }
\ No newline at end of file