From 97b065b7e70a27fe9561a1c7abf00ebf36ab6385 Mon Sep 17 00:00:00 2001
From: szewczyw <wojtekszewczyk2000@gmail.com>
Date: Mon, 19 May 2025 11:36:31 +0200
Subject: [PATCH] fix landing view

---
 .../src/components/landing/LandingComponent.vue    | 14 +++++++-------
 Frontend/src/views/LandingView.vue                 |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/Frontend/src/components/landing/LandingComponent.vue b/Frontend/src/components/landing/LandingComponent.vue
index c27cc2b..bc8e69e 100644
--- a/Frontend/src/components/landing/LandingComponent.vue
+++ b/Frontend/src/components/landing/LandingComponent.vue
@@ -2,13 +2,13 @@
 </script>
 
 <template>
-  <div class="dark:text-slate-100 bg-[#f5f7fa] flex w-fit flex-col items-center ">
+  <div class="dark:text-slate-100 bg-[#f5f7fa] dark:bg-gray-700 flex w-fit flex-col items-center ">
 
-    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white items-center">
+    <div class="flex my-4 px-4 py-4 w-full rounded-lg dark:bg-gray-600 shadow-lg flex-col bg-white items-center">
       <h1 class="text-3xl">Welcome to Release11 Tools</h1>
 
     </div>
-    <div class="flex my-4 px-4 py-4  w-full rounded-lg shadow-lg flex-col bg-white ">
+    <div class="flex my-4 px-4 py-4  w-full rounded-lg dark:bg-gray-600 shadow-lg flex-col bg-white ">
       <div class="flex items-center gap-2">
         <i class="material-icons text-2xl text-[#2A93B0]">construction</i>
         <h2 class="text-xl">Our tool set is split to three main categories:</h2>
@@ -26,7 +26,7 @@
       </ul>
     </div>
     <br />
-    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white ">
+    <div class="flex my-4 px-4 py-4 w-full dark:bg-gray-600 rounded-lg shadow-lg flex-col bg-white ">
       <div class="flex items-center gap-2">
         <i class="material-icons text-2xl text-[#2A93B0]">code</i>
         <h2 class="text-xl ">XML - Tools:</h2>
@@ -40,14 +40,14 @@
         <li><strong>XSLT</strong> - Allows to transform XML using XSLT transform.</li>
       </ul>
     </div>
-    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white ">
+    <div class="flex my-4 px-4 py-4 w-full dark:bg-gray-600 rounded-lg shadow-lg flex-col bg-white ">
       <div class="flex items-center gap-2">
         <i class="material-icons text-2xl text-[#2A93B0]">format_align_left</i>
         <h2 class="text-xl ">Formatter - Tools:</h2>
       </div>
       <p>These are tools that allow to format or minimize files in bespoken formats.</p>
     </div>
-    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white ">
+    <div class="flex my-4 px-4 py-4 w-full dark:bg-gray-600 rounded-lg shadow-lg flex-col bg-white ">
       <div class="flex items-center gap-2">
         <i class="material-icons text-2xl text-[#2A93B0]">lan</i>
         <h2 class="text-xl ">REST - Tools:</h2>
@@ -57,7 +57,7 @@
         clients.
       </p>
     </div>
-    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white ">
+    <div class="flex my-4 px-4 py-4 w-full dark:bg-gray-600 rounded-lg shadow-lg flex-col bg-white ">
       <div class="flex items-center gap-2">
         <i class="material-icons  text-2xl text-[#2A93B0]  ">cached</i>
         <h2 class="text-xl ">Encoder - Tools:</h2>
diff --git a/Frontend/src/views/LandingView.vue b/Frontend/src/views/LandingView.vue
index 9793d57..832df2d 100644
--- a/Frontend/src/views/LandingView.vue
+++ b/Frontend/src/views/LandingView.vue
@@ -10,7 +10,7 @@ export default {
 
 
 <template>
-  <div class="flex rounded-lg items-center bg-[#f5f7fa]  justify-center ">
+  <div class="flex rounded-lg items-center bg-[#f5f7fa] dark:bg-gray-700  justify-center ">
     <LandingComponent></LandingComponent>
   </div>