feat: improve ui ux

dewanakl · Apr 9, 2024 · 5071be7 · 5071be7
1 parent c332254
commit 5071be7
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/css/dashboard.css b/css/dashboard.css
@@ -74,4 +74,8 @@ body {
 
 .bg-theme-dark {
     background-color: var(--bs-gray-800);
+}
+
+.card-body {
+    overflow-wrap: break-word !important;
 }
diff --git a/js/card.mjs b/js/card.mjs
@@ -106,7 +106,7 @@ export const card = (() => {
             <small class="text-${theme.isDarkMode('light', 'dark')} m-0 p-0" style="font-size: 0.75rem;">${comment.created_at}</small>
         </div>
         <hr class="text-${theme.isDarkMode('light', 'dark')} my-1">
-        <p class="text-${theme.isDarkMode('light', 'dark')} mt-0 mb-1 mx-0 p-0" style="white-space: pre-wrap" id="content-${comment.uuid}">${convertMarkdownToHTML(util.escapeHtml(comment.comment))}</p>`;
+        <p class="text-${theme.isDarkMode('light', 'dark')} mt-0 mb-1 mx-0 p-0" style="white-space: pre-wrap !important" id="content-${comment.uuid}">${convertMarkdownToHTML(util.escapeHtml(comment.comment))}</p>`;
     };
 
     const renderContent = (comment, is_parent = true) => {

diff --git a/js/user.mjs b/js/user.mjs
@@ -28,10 +28,10 @@ export const user = (() => {
 
     const getStatUser = () => {
         request(HTTP_GET, '/api/stats').token(token.get('token')).then((res) => {
-            document.getElementById('count-comment').innerHTML = res.data.comments;
-            document.getElementById('count-like').innerHTML = res.data.likes;
-            document.getElementById('count-present').innerHTML = res.data.present;
-            document.getElementById('count-absent').innerHTML = res.data.absent;
+            document.getElementById('count-comment').innerHTML = res.data.comments.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+            document.getElementById('count-like').innerHTML = res.data.likes.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+            document.getElementById('count-present').innerHTML = res.data.present.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+            document.getElementById('count-absent').innerHTML = res.data.absent.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
         });
     };