From ffd4e22d4a55d2d63b1018b53eb58b0024539b74 Mon Sep 17 00:00:00 2001
From: neoapps-dev <asd22.info@gmail.com>
Date: Sun, 14 Jun 2026 20:36:17 +0300
Subject: [PATCH] fix: better workshop ui

---
 src/components/views/WorkshopView.tsx | 4 ++--
 src/pages/App.tsx                     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/views/WorkshopView.tsx b/src/components/views/WorkshopView.tsx
index 0134bfe..a7ea6a6 100644
--- a/src/components/views/WorkshopView.tsx
+++ b/src/components/views/WorkshopView.tsx
@@ -564,7 +564,7 @@ const WorkshopView = memo(function WorkshopView() {
       animate={{ opacity: 1, scale: 1 }}
       exit={{ opacity: 0, scale: 0.95 }}
       transition={{ duration: config.animationsEnabled ? 0.3 : 0 }}
-      className="flex flex-col items-center w-full max-w-6xl h-full max-h-full relative font-['Mojangles'] text-white select-none outline-none focus:outline-none"
+      className="flex flex-col items-center w-full h-full max-h-full relative font-['Mojangles'] text-white select-none outline-none focus:outline-none"
     >
       <h2 className="text-2xl text-white mc-text-shadow mt-4 mb-6 border-b-2 border-[#373737] pb-2 w-[30%] max-w-[250px] text-center tracking-widest uppercase opacity-80 font-bold whitespace-nowrap px-4">
         Workshop
@@ -644,7 +644,7 @@ const WorkshopView = memo(function WorkshopView() {
         </div>
       </div>
 
-      <div className="w-[98%] flex-1 relative overflow-hidden mc-options-bg">
+      <div className="w-[98%] max-w-6xl flex-1 relative overflow-hidden mc-options-bg">
         {showSearch ? (
           <div className="absolute inset-0 flex flex-col pt-2">
               <div className="flex items-center gap-3 px-6 pb-4">
diff --git a/src/pages/App.tsx b/src/pages/App.tsx
index 349fe90..61a69f7 100644
--- a/src/pages/App.tsx
+++ b/src/pages/App.tsx
@@ -423,7 +423,7 @@ export default function App() {
                 )}
               </AnimatePresence>
 
-              <div className="w-full h-full max-w-4xl relative flex justify-center items-center overflow-hidden">
+              <div className="w-full h-full max-w-7xl relative flex justify-center items-center overflow-hidden">
                 <AnimatePresence mode="wait">
                   {activeView === "main" && <HomeView key="main-view" />}
                   {activeView === "settings" && (