From 076a70414f31af70295b740b41ad929c03ef73b7 Mon Sep 17 00:00:00 2001
From: iMaeGoo <mail1st@qq.com>
Date: Sat, 5 Sep 2020 16:40:07 +0800
Subject: [PATCH] fix(comment): fix width issue

---
 package.json                      | 2 +-
 src/view/components/TkComment.vue | 2 ++
 src/view/components/TkFooter.vue  | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 3de19173a..ed389d9b1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "twikoo",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A simple comment system based on Tencent CloudBase (tcb).",
   "author": "imaegoo <hello@imaegoo.com> (https://github.com/imaegoo)",
   "license": "MIT",
diff --git a/src/view/components/TkComment.vue b/src/view/components/TkComment.vue
index e2c4ff6d4..a8def9a6a 100644
--- a/src/view/components/TkComment.vue
+++ b/src/view/components/TkComment.vue
@@ -123,6 +123,7 @@ export default {
 <style scoped>
 .tk-main {
   flex: 1;
+  width: 0;
 }
 .tk-row {
   flex: 1;
@@ -155,6 +156,7 @@ export default {
   margin-top: 1rem;
   display: flex;
   flex-direction: row;
+  word-break: break-all;
 }
 .tk-content {
   margin-top: 0.5rem;
diff --git a/src/view/components/TkFooter.vue b/src/view/components/TkFooter.vue
index 17c91806b..e64455667 100644
--- a/src/view/components/TkFooter.vue
+++ b/src/view/components/TkFooter.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="tk-footer">
     Powered by <a href="https://github.com/imaegoo/twikoo" target="_blank">Twikoo</a>
-    v0.1.1
+    v0.1.2
   </div>
 </template>