fix(comment): fix width issue

tootal · Sep 5, 2020 · 076a704 · 076a704
1 parent ccf3b00
commit 076a704
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git 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 <[email protected]> (https://github.com/imaegoo)",
   "license": "MIT",

diff --git 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
@@ -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>