From 4c7ea8b68dbe42ec42cf9fce77c79277cb3811d0 Mon Sep 17 00:00:00 2001
From: jessicarvalho <carvalhojessica25@outlook.com>
Date: Mon, 1 Sep 2025 20:15:25 -0300
Subject: [PATCH 1/4] =?UTF-8?q?Melhora=20descri=C3=A7=C3=A3o=20e=20titulo?=
 =?UTF-8?q?=20da=20imagem?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/packages/devsite/news/8.feature                 | 1 +
 .../devsite/src/components/Blocks/Listing/ImageAlbum.tsx | 4 ++--
 .../theme/components/blocks/_listing_image_album.scss    | 9 +++++++++
 3 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 frontend/packages/devsite/news/8.feature

diff --git a/frontend/packages/devsite/news/8.feature b/frontend/packages/devsite/news/8.feature
new file mode 100644
index 0000000..a9e2853
--- /dev/null
+++ b/frontend/packages/devsite/news/8.feature
@@ -0,0 +1 @@
+Adiciona título e descrição às imagens abertas @jessicarvalho25 @leila-souza-dev-backend
\ No newline at end of file
diff --git a/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx b/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
index 32d273f..7bb5dac 100644
--- a/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
+++ b/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
@@ -60,8 +60,8 @@ const AlbumItem = ({ item }: { item: ContainedItem }) => {
                 />
               </Container>
               <Container className="album-modal-footer">
-                <span>{item.title}</span>
-                <span>{item.description}</span>
+                <span className='album-modal-title'>{item.title}</span>
+                <span className='album-modal-description'>{item.description}</span>
               </Container>
             </Modal.Content>
           </Modal>
diff --git a/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss b/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
index 49d07c9..8280a84 100644
--- a/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
+++ b/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
@@ -96,6 +96,15 @@
     .album-modal-footer {
       width: 100% !important;
       text-align: center;
+      background-color: var(--background);
+      .album-modal-title {
+        display: block;
+        @include block-title();
+      }
+
+      .album-modal-description {
+        display: block;
+      }
     }
   }
 }

From 9e901f3bddd66af709d3ce7a46af939bf83d57b7 Mon Sep 17 00:00:00 2001
From: jessicarvalho <carvalhojessica25@outlook.com>
Date: Mon, 1 Sep 2025 20:26:22 -0300
Subject: [PATCH 2/4] Conserta lint

---
 .../devsite/src/components/Blocks/Listing/ImageAlbum.tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx b/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
index 7bb5dac..daddec9 100644
--- a/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
+++ b/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
@@ -60,8 +60,8 @@ const AlbumItem = ({ item }: { item: ContainedItem }) => {
                 />
               </Container>
               <Container className="album-modal-footer">
-                <span className='album-modal-title'>{item.title}</span>
-                <span className='album-modal-description'>{item.description}</span>
+                <span className="album-modal-title">{item.title}</span>
+                <span className="album-modal-description">{item.description}</span>
               </Container>
             </Modal.Content>
           </Modal>

From 1651222fb69bacb1dae576350f381dbd5f487762 Mon Sep 17 00:00:00 2001
From: jessicarvalho <carvalhojessica25@outlook.com>
Date: Mon, 1 Sep 2025 20:29:42 -0300
Subject: [PATCH 3/4] Conserta lint

---
 .../devsite/src/components/Blocks/Listing/ImageAlbum.tsx      | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx b/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
index daddec9..57f069a 100644
--- a/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
+++ b/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
@@ -61,7 +61,9 @@ const AlbumItem = ({ item }: { item: ContainedItem }) => {
               </Container>
               <Container className="album-modal-footer">
                 <span className="album-modal-title">{item.title}</span>
-                <span className="album-modal-description">{item.description}</span>
+                <span className="album-modal-description">
+                  {item.description}
+                </span>
               </Container>
             </Modal.Content>
           </Modal>

From f65fea01d40b4c8405565df23fb15aae5057c8c6 Mon Sep 17 00:00:00 2001
From: jessicarvalho <carvalhojessica25@outlook.com>
Date: Mon, 1 Sep 2025 20:32:24 -0300
Subject: [PATCH 4/4] Conserta lint

---
 .../src/theme/components/blocks/_listing_image_album.scss       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss b/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
index 8280a84..e4f0f9e 100644
--- a/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
+++ b/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
@@ -95,8 +95,8 @@
     }
     .album-modal-footer {
       width: 100% !important;
-      text-align: center;
       background-color: var(--background);
+      text-align: center;
       .album-modal-title {
         display: block;
         @include block-title();