fix: Adjusts in Styles CSS

wppconnect-team · Jun 22, 2022 · 4dd5e02 · 4dd5e02
1 parent 8e151de
commit 4dd5e02
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 47 deletions.
diff --git a/src/pages/Chat.vue b/src/pages/Chat.vue
@@ -263,14 +263,15 @@ const defaultImage = "https://i.pinimg.com/736x/51/24/9f/51249f0c2caed9e7c06e4a5
                     for (const elem of response) {
                         if (!elem.archive) {
                             var newarray = elem
-                            newarray.msgs = [{id: 0, t: 0, body: 'No messages'}]
                             if(elem.id.includes('@g.us')){
                                 newarray = elem;
+                                if(newarray.msgs.length == 0){ newarray.msgs = {id: 0, t: 31546800, body: 'No messages'}}
                             }else{
                                 this.data.contacts.map((contact)=>{
                                     if(contact.id._serialized == elem.id){
                                         newarray = contact;
                                         newarray.msgs = elem.msgs;
+                                        if(newarray.msgs.length == 0){ newarray.msgs = {id: 0, t: 31546800, body: 'No messages'}}
                                         newarray.unreadCount = elem.unreadCount;
                                     }
                                 })
@@ -649,7 +650,7 @@ const defaultImage = "https://i.pinimg.com/736x/51/24/9f/51249f0c2caed9e7c06e4a5
 }
 
 .content-container{
-    width: 130%;
+    width: 110%;
     height: 100%;
     display: flex;
     overflow: hidden;

diff --git a/src/pages/Contacts.vue b/src/pages/Contacts.vue
@@ -12,35 +12,22 @@
                     <input id="search-contacts" :placeholder="i18n.searchContacts" />
                 </div>
             </header>
-
-                <table>
-                    <thead>
-                    <tr>
-                        <th>
-                            #
-                        </th>
-                        <th>
-                            {{i18n.name}}
-                        </th>
-                        <th>
-                            {{i18n.phone}}
-                        </th>
-                    </tr>
-                    </thead>
-                    <tbody>
-                        <tr v-for="(contact, index) in data.contacts" v-bind:key="index">
-                            <td>
-                            # {{index}}
-                            </td>
-                            <td>
-                            {{contact.name}}
-                            </td>
-                            <td>
-                            {{maskPhone(contact.id.user)}}
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
+                    <table class="table">
+                        <thead>
+                            <tr>
+                            <th scope="col">#</th>
+                            <th scope="col">{{i18n.name}}</th>
+                            <th scope="col">{{i18n.phone}}</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr v-for="(contact, index) in data.contacts" v-bind:key="index">
+                            <th scope="row">{{index}}</th>
+                            <td>{{contact.name}}</td>
+                            <td>{{maskPhone(contact.id.user)}}</td>
+                            </tr>
+                        </tbody>
+                    </table>
             </div>
         </div>
     </div>
@@ -151,25 +138,12 @@ table {
   position:absolute;
   top:70px;
   left: 100px;
-      font-size: 13pt;
+  font-size: 13pt;
 }
 table thead tr{
-    width: 70%;
+    width: 35%;
   display: flex;
   align-content: center;
   justify-content: space-between;
-  background-color:rgb(202, 202, 202);
-}
-table thead tr th{
-    width: 30%;
-}
-table tbody tr{
-    width: 70%;
-  display: flex;
-  justify-content: space-between;
-  border: 0.5px solid black;
-}
-table tbody tr td{
-    width: 30%;
 }
 </style>
diff --git a/src/pages/Groups.vue b/src/pages/Groups.vue
@@ -81,7 +81,7 @@
                             <td>{{group.id}}</td>
                             </tr>
                         </tbody>
-                        </table>
+                    </table>
                 </div>
             </div>
         </div>