From 769a832db379358e1463ef22b0f158bb3d87eeff Mon Sep 17 00:00:00 2001
From: ngthhu <hungnt.code@proton.me>
Date: Mon, 22 Apr 2024 15:28:14 +0700
Subject: [PATCH] fix:[#525] add break-words to torrent component tab

---
 components/torrent/TorrentCommentTab.vue      | 2 +-
 components/torrent/TorrentCreatedByTab.vue    | 2 +-
 components/torrent/TorrentCreationDateTab.vue | 2 +-
 components/torrent/TorrentDescriptionTab.vue  | 2 +-
 components/torrent/TorrentEncodingTab.vue     | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/torrent/TorrentCommentTab.vue b/components/torrent/TorrentCommentTab.vue
index 96500406..75ec3edf 100644
--- a/components/torrent/TorrentCommentTab.vue
+++ b/components/torrent/TorrentCommentTab.vue
@@ -12,7 +12,7 @@
       </button>
     </div>
     <template v-if="!collapsed">
-      <div class="flex flex-col w-full h-full p-6 grow bg-base-100 rounded-2xl">
+      <div class="flex flex-col w-full h-full p-6 grow bg-base-100 rounded-2xl break-words">
         <template v-if="torrent.comment">
           <Markdown :source="torrent.comment" />
         </template>
diff --git a/components/torrent/TorrentCreatedByTab.vue b/components/torrent/TorrentCreatedByTab.vue
index 8567a9b9..ca798359 100644
--- a/components/torrent/TorrentCreatedByTab.vue
+++ b/components/torrent/TorrentCreatedByTab.vue
@@ -12,7 +12,7 @@
       </button>
     </div>
     <template v-if="!collapsed">
-      <div class="flex flex-col w-full h-full p-6 grow bg-base-100 rounded-2xl">
+      <div class="flex flex-col w-full h-full p-6 grow bg-base-100 rounded-2xl break-words">
         <template v-if="torrent.created_by">
           <Markdown :source="torrent.created_by" />
         </template>
diff --git a/components/torrent/TorrentCreationDateTab.vue b/components/torrent/TorrentCreationDateTab.vue
index 40064aa9..15069efa 100644
--- a/components/torrent/TorrentCreationDateTab.vue
+++ b/components/torrent/TorrentCreationDateTab.vue
@@ -12,7 +12,7 @@
       </button>
     </div>
     <template v-if="!collapsed">
-      <div class="flex flex-col w-full h-full p-6 grow bg-base-100 rounded-2xl">
+      <div class="flex flex-col w-full h-full p-6 grow bg-base-100 rounded-2xl break-words">
         <template v-if="torrent.creation_date">
           {{ formattedDateFromTimestamp }}
         </template>
diff --git a/components/torrent/TorrentDescriptionTab.vue b/components/torrent/TorrentDescriptionTab.vue
index 53244509..cd0d1457 100644
--- a/components/torrent/TorrentDescriptionTab.vue
+++ b/components/torrent/TorrentDescriptionTab.vue
@@ -12,7 +12,7 @@
       </button>
     </div>
     <template v-if="!collapsed">
-      <div class="flex flex-col w-full h-full p-6 grow bg-base-100 rounded-2xl">
+      <div class="flex flex-col w-full h-full p-6 grow bg-base-100 rounded-2xl break-words">
         <template v-if="torrent.description">
           <Markdown :source="torrent.description" />
         </template>
diff --git a/components/torrent/TorrentEncodingTab.vue b/components/torrent/TorrentEncodingTab.vue
index 94528171..7c3e81e5 100644
--- a/components/torrent/TorrentEncodingTab.vue
+++ b/components/torrent/TorrentEncodingTab.vue
@@ -12,7 +12,7 @@
       </button>
     </div>
     <template v-if="!collapsed">
-      <div class="flex flex-col w-full h-full p-6 grow bg-base-100 rounded-2xl">
+      <div class="flex flex-col w-full h-full p-6 grow bg-base-100 rounded-2xl break-words">
         <template v-if="torrent.encoding">
           <Markdown :source="torrent.encoding" />
         </template>