Merge pull request #62 from piglei/enhance-style-manage

Enhance style and bump to 0.6.1

pyproject.toml

@@ -1,15 +1,11 @@
 [tool.poetry]
 name = "ai-vocabulary-builder"
-version = "0.6.0"
+version = "0.6.1"
 description = "A tool help you build your vocabulary book using AI."
 readme = "README.md"
 authors = ["piglei <[email protected]>"]
-packages = [
-    { include = "voc_builder", from="." },
-]
-include = [
-    { path = "voc_builder/notepad/dist/**/*"},
-]
+packages = [{ include = "voc_builder", from = "." }]
+include = [{ path = "voc_builder/notepad/dist/**/*" }]
 
 
 [tool.poetry.dependencies]
@@ -23,7 +19,7 @@ prompt-toolkit = "^3.0.38"
 packaging = "^23.0"
 pendulum = "^2.1.2"
 fastapi = "^0.95.1"
-uvicorn = {extras = ["standard"], version = "^0.22.0"}
+uvicorn = { extras = ["standard"], version = "^0.22.0" }
 sse-starlette = "^1.3.4"
 
 [tool.poetry.scripts]

voc_builder/__init__.py

@@ -1 +1 @@
-__version__ = '0.6.0'
+__version__ = '0.6.1'

voc_frontend/src/views/ManageView.vue

@@ -72,7 +72,6 @@ async function removeWord(word) {
       <table class="table table-striped words-list mt-3" v-if="words.length > 0">
         <colgroup>
           <col span="1" style="width: 120px" />
-          <col span="1" style="width: 80px" />
           <col span="1" />
           <col span="1" />
           <col span="1" style="width: 120px" />
@@ -82,7 +81,6 @@ async function removeWord(word) {
         <thead>
           <tr>
             <th scope="col">Word</th>
-            <th scope="col">Pronunciation</th>
             <th scope="col">Definition</th>
             <th scope="col">Example sentence / Translation</th>
             <th scope="col">Date Added</th>
@@ -92,9 +90,9 @@ async function removeWord(word) {
         <tbody>
           <tr v-for="word of words" :key="word.ws.word">
             <td>
-              <span class="word">{{ word.ws.word }}</span>
+              <div class="word mb-1">{{ word.ws.word }}</div>
+              <div class="pronun text-secondary">{{ word.ws.pronunciation }}</div>
             </td>
-            <td>{{ word.ws.pronunciation }}</td>
             <td>{{ word.ws.word_meaning }}</td>
             <td>
               {{ word.ws.orig_text }} /
@@ -120,7 +118,10 @@ async function removeWord(word) {
   font-size: 13px;
 }
 .words-list .word {
-  font-size: 14px;
+  font-size: 15px;
   font-weight: 500;
 }
+.words-list .proun {
+  font-size: 13px;
+}
 </style>