From 9b083792513063218dd1741aa8e5d08a42401ae2 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Fri, 4 Apr 2025 15:00:32 +0200
Subject: [PATCH] ui fixes

---
 src/routes/blog/+page.svelte                  |  8 +++++---
 src/routes/blog/article/[slug]/+page.svelte   |  2 +-
 src/routes/learning-center/+page.svelte       | 19 +++++++++----------
 .../article/[slug]/+page.svelte               |  2 +-
 4 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index b51189ba..2165984f 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -22,7 +22,7 @@
         class="relative flex justify-center items-start overflow-hidden w-full"
       >
         <main class="w-full">
-          <div class="mb-6 border-b-[2px]">
+          <div class="mb-6 border-b-[2px] border-[#2C6288] dark:border-white">
             <h1 class="mb-1 text-2xl sm:text-3xl font-bold">
               Stock Analysis Blog
             </h1>
@@ -66,8 +66,10 @@
                       >
                     </div>
                     <div class="mt-6 flex items-center">
-                      <div class="flex space-x-1 text-sm">
-                        Published: <time datetime={item?.created} class="ml-1">
+                      <div
+                        class="flex text-xs badge px-3 bg-gray-100 dark:bg-secondary rounded-md text-black dark:text-gray-300"
+                      >
+                        Published: <time datetime={item?.created} class="">
                           {new Date(item?.created)?.toLocaleString("en-US", {
                             month: "short",
                             day: "numeric",
diff --git a/src/routes/blog/article/[slug]/+page.svelte b/src/routes/blog/article/[slug]/+page.svelte
index 436adb9d..3816217c 100644
--- a/src/routes/blog/article/[slug]/+page.svelte
+++ b/src/routes/blog/article/[slug]/+page.svelte
@@ -45,7 +45,7 @@
               : 'lg:-mt-8'} rounded-t-md bg-white dark:bg-default p-3 xs:p-4 lg:ml-3 lg:p-5 xl:mx-4"
           >
             <header
-              class="pb-3 border-b-[2px] border-muted dark:border-white w-full sm:min-w-[850px] sm:max-w-[850px]"
+              class="pb-3 border-b-[2px] border-[#2C6288] dark:border-white w-full sm:min-w-[850px] sm:max-w-[850px]"
             >
               <h1 class="mb-3 text-2xl sm:text-4xl font-bold">
                 {article?.title}
diff --git a/src/routes/learning-center/+page.svelte b/src/routes/learning-center/+page.svelte
index ec780b03..de9ab11d 100644
--- a/src/routes/learning-center/+page.svelte
+++ b/src/routes/learning-center/+page.svelte
@@ -8,9 +8,8 @@
 </script>
 
 <SEO
-  title="Stock
-    Analysis Blog"
-  description="Get the latest blog post to understand and invest correctly into companies."
+  title="Learning Center"
+  description="Explore Stocknear's comprehensive Learning Center to enhance your trading strategies, understand key concepts, and leverage advanced features for smarter investments."
 />
 
 <section
@@ -22,10 +21,8 @@
         class="relative flex justify-center items-start overflow-hidden w-full"
       >
         <main class="w-full">
-          <div class="mb-6 border-b-[2px]">
-            <h1 class="mb-1 text-2xl sm:text-3xl font-bold">
-              Stock Analysis Blog
-            </h1>
+          <div class="mb-6 border-b-[2px] border-[#2C6288] dark:border-white">
+            <h1 class="mb-1 text-2xl sm:text-3xl font-bold">Learning Center</h1>
           </div>
 
           <div class="w-full grid grid-cols-1 sm:grid-cols-3 gap-y-5 gap-5">
@@ -45,7 +42,7 @@
                           item?.id,
                           item?.cover,
                         )}
-                        alt="Stock Analysis Blog Post Wallpaper"
+                        alt="Tutorial Wallpaper"
                         loading="lazy"
                       /></a
                     >
@@ -69,8 +66,10 @@
                       >
                     </div>
                     <div class="mt-6 flex items-center">
-                      <div class="flex space-x-1 text-sm">
-                        Published: <time datetime={item?.created} class="ml-1">
+                      <div
+                        class="flex text-xs badge px-3 bg-gray-100 dark:bg-secondary rounded-md text-black dark:text-gray-300"
+                      >
+                        Published: <time datetime={item?.created} class="">
                           {new Date(item?.created)?.toLocaleString("en-US", {
                             month: "short",
                             day: "numeric",
diff --git a/src/routes/learning-center/article/[slug]/+page.svelte b/src/routes/learning-center/article/[slug]/+page.svelte
index 26396bb3..4ccb2d74 100644
--- a/src/routes/learning-center/article/[slug]/+page.svelte
+++ b/src/routes/learning-center/article/[slug]/+page.svelte
@@ -45,7 +45,7 @@
               : 'mt-5'} rounded-t-md bg-white dark:bg-default p-3 xs:p-4 lg:ml-3 lg:p-5 xl:mx-4"
           >
             <header
-              class="pb-3 border-b-[2px] border-muted dark:border-white w-full sm:min-w-[850px] sm:max-w-[850px]"
+              class="pb-3 border-b-[2px] border-[#2C6288] dark:border-white w-full sm:min-w-[850px] sm:max-w-[850px]"
             >
               <h1 class="mb-3 text-2xl sm:text-3xl font-bold md:text-4xl">
                 {article?.title}