From f71585c12d17d76e7eb11d4c8fa65ca926beff50 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sun, 11 Aug 2024 19:39:12 +0200
Subject: [PATCH] ui fix

---
 src/routes/community/+page.svelte               | 8 ++++----
 src/routes/community/post/[postId]/+page.svelte | 6 +++---
 src/routes/community/profile/+page.svelte       | 2 +-
 src/routes/community/user/[userId]/+page.svelte | 2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/src/routes/community/+page.svelte b/src/routes/community/+page.svelte
index faf929c1..6c699948 100644
--- a/src/routes/community/+page.svelte
+++ b/src/routes/community/+page.svelte
@@ -410,18 +410,18 @@ $: {
 
 
 
-<body class="bg-[#09090B] text-slate-200 m-auto sm:mt-5 max-w-3xl sm:max-w-screen-xl">
+<body class="bg-[#09090B] sm:mt-5 max-w-3xl sm:max-w-screen-2xl">
 
 
     <!-- Page wrapper -->
-    <div class="flex flex-col min-h-screen overflow-hidden pl-0 lg:pl-20 m-auto w-full supports-[overflow:clip]:overflow-clip pb-40">
+    <div class="max-w-screen-xl flex flex-col min-h-screen overflow-hidden pl-0 lg:pl-20 m-auto w-full supports-[overflow:clip]:overflow-clip pb-40">
 
 
 
-        <main class="m-auto w-full ">
+        <main class="m-auto w-full">
 
           <!--Start Header-->
-          <div class="w-full sm:rounded-2xl m-auto h-44 sm:h-60 shadow-sm shadow-black bg-center bg-cover bg-no-repeat" style="background-image: url('{communityBanner}');" />
+          <div class="w-full sm:rounded-lg m-auto h-44 sm:h-60 shadow-sm shadow-black bg-center bg-cover bg-no-repeat" style="background-image: url('{communityBanner}');" />
           <!--End Header-->
 
 
diff --git a/src/routes/community/post/[postId]/+page.svelte b/src/routes/community/post/[postId]/+page.svelte
index c177e056..e3c00aed 100644
--- a/src/routes/community/post/[postId]/+page.svelte
+++ b/src/routes/community/post/[postId]/+page.svelte
@@ -538,7 +538,7 @@ function updateVote(postVote) {
   <!--<section on:click={closePost} class="bg-[#141417] cursor-zoom-out min-h-screen">-->
   
   <!--in:pageTransitionIn={{ duration: 250, screenWidth: $screenWidth }}-->
-  <div class="overflow-hidden flex flex-row item-start w-full lg:mt-5 relative max-w-6xl m-auto lg:px-5 sm:pb-40">
+  <div class="overflow-hidden flex flex-row item-start w-full lg:mt-5 relative max-w-3xl sm:max-w-screen-2xl lg:px-5 sm:pb-40">
     <!--Start Voting-->
     <div style="top: 4rem;" class="hidden lg:flex flex-col items-center relative h-fit sticky z-20 lg:mr-3 ">
       <!--Start Upvote-->
@@ -590,10 +590,10 @@ function updateVote(postVote) {
    <!--End Voting-->
   
   
-  <div class="w-full bg-[#141417] max-w-5xl m-auto border sm:hover:border-slate-800 border-slate-800 rounded-none sm:rounded-xl ">
+  <div class="w-full bg-[#141417] max-w-5xl border sm:hover:border-slate-800 border-slate-800 rounded-none sm:rounded-lg ">
       
   <!-- Start Header -->
-  <div style="top: 0.8rem;" class="sm:rounded-xl absolute h-12 sticky z-20 bg-[#141417] w-full {isScrolled && $screenWidth < 640 ? 'border-b border-gray-700 ease-in' : 'ease-out'}">
+  <div style="top: 0.8rem;" class="sm:rounded-lg absolute h-12 sticky z-20 bg-[#141417] w-full {isScrolled && $screenWidth < 640 ? 'border-b border-gray-700 ease-in' : 'ease-out'}">
       <div class="flex flex-row items-center justify-between w-full pt-3">
           <a href={previousPage} class="absolute left-2 sm:left-4 sm:top-4">
               <svg class="w-5 h-5 inline-block sm:mr-1 sm:-mt-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
diff --git a/src/routes/community/profile/+page.svelte b/src/routes/community/profile/+page.svelte
index 8af345f6..063bfa62 100644
--- a/src/routes/community/profile/+page.svelte
+++ b/src/routes/community/profile/+page.svelte
@@ -553,7 +553,7 @@ onDestroy(async () => {
 
 
 
-<body class="bg-[#09090B] text-slate-200 overflow-hidden mt-10 sm:mt-5">
+<body class="bg-[#09090B] max-w-3xl sm:max-w-screen-2xl overflow-hidden mt-10 sm:mt-5">
 
   <!-- Page wrapper -->
   <div class="flex flex-col min-h-screen overflow-hidden">
diff --git a/src/routes/community/user/[userId]/+page.svelte b/src/routes/community/user/[userId]/+page.svelte
index 4eed00a6..372e87fb 100644
--- a/src/routes/community/user/[userId]/+page.svelte
+++ b/src/routes/community/user/[userId]/+page.svelte
@@ -232,7 +232,7 @@ onMount(async () => {
 
 
 
-  <body class="bg-[#09090B] text-slate-200 overflow-hidden mt-10 sm:mt-5">
+  <body class="bg-[#09090B] max-w-3xl sm:max-w-screen-2xl overflow-hidden mt-10 sm:mt-5">
 
     <!-- Page wrapper -->
     <div class="flex flex-col min-h-screen overflow-hidden">
