Layout yapısı değiştirildi. W-Full

ui/src/assets/styles/components/_menu-item.css

@@ -1,5 +1,5 @@
 .menu-item {
-  @apply cursor-pointer font-medium rounded-md flex items-center w-full whitespace-nowrap gap-x-1 px-1;
+  @apply cursor-pointer font-medium rounded-md flex items-center w-full whitespace-nowrap gap-x-1 px-0.5;
 
   &.menu-item-light {
     @apply text-gray-600;

ui/src/components/layouts/ClassicLayout.tsx

@@ -43,6 +43,7 @@ const ClassicLayout = () => {
         {sideNavCollapse ? <StackedSideNav /> : <SideNav />}
         <div className="flex flex-col flex-auto min-h-screen min-w-0 relative w-full">
           <Header
+            container={false}
             className="shadow dark:shadow-2xl"
             headerStart={<HeaderActionsStart />}
             headerEnd={<HeaderActionsEnd />}

ui/src/components/layouts/DeckedLayout.tsx

@@ -38,12 +38,12 @@ const DeckedLayout = () => {
       <div className="flex flex-auto min-w-0">
         <div className="flex flex-col flex-auto min-h-screen min-w-0 relative w-full">
           <Header
-            container
+            container={false}
             className="shadow dark:shadow-2xl"
             headerStart={<HeaderActionsStart />}
             headerEnd={<HeaderActionsEnd />}
           />
-          <SecondaryHeader contained />
+          <SecondaryHeader contained={false} />
           <View pageContainerType="contained" />
         </div>
       </div>

ui/src/components/layouts/ModernLayout.tsx

@@ -43,6 +43,7 @@ const ModernLayout = () => {
         {sideNavCollapse ? <StackedSideNav /> : <SideNav />}
         <div className="flex flex-col flex-auto min-h-screen min-w-0 relative w-full bg-white dark:bg-gray-800 border-l border-gray-200 dark:border-gray-700">
           <Header
+            container={false}
             className="border-b border-gray-200 dark:border-gray-700"
             headerEnd={<HeaderActionsEnd />}
             headerStart={<HeaderActionsStart />}

ui/src/components/layouts/SimpleLayout.tsx

@@ -38,7 +38,7 @@ const SimpleLayout = () => {
       <div className="flex flex-auto min-w-0">
         <div className="flex flex-col flex-auto min-h-screen min-w-0 relative w-full">
           <Header
-            container
+            container={false}
             className="shadow dark:shadow-2xl"
             headerStart={<HeaderActionsStart />}
             headerMiddle={<HorizontalNav />}

ui/src/components/layouts/StackedSideLayout.tsx

@@ -37,6 +37,7 @@ const StackedSideLayout = () => {
         <StackedSideNav />
         <div className="flex flex-col flex-auto min-h-screen min-w-0 relative w-full">
           <Header
+            container={false}
             className="shadow dark:shadow-2xl"
             headerStart={<HeaderActionsStart />}
             headerEnd={<HeaderActionsEnd />}

ui/src/components/shared/Container.tsx

@@ -12,7 +12,7 @@ const Container = forwardRef((props: ContainerProps, ref) => {
     return (
         <Component
             ref={ref}
-            className={classNames('container mx-auto', className)}
+            className={classNames('w-full mx-auto', className)}
             {...rest}
         >
             {children}

ui/src/components/template/StackedSideNav/StackedSideNavMini.tsx

@@ -98,7 +98,7 @@ const StackedSideNavMini = (props: StackedSideNavMiniProps) => {
       <Logo mode={logoMode()} type="streamline" className={SIDE_NAV_CONTENT_GUTTER} />
       <ScrollBar autoHide direction={direction}>
         <Menu
-          className="px-4 pb-4 py-1"
+          className="px-6 pb-4 py-1"
           variant={navMode}
           defaultActiveKeys={activeKeys || [includedRouteTree.key]}
         >

ui/src/components/template/UserDropdown.tsx

@@ -101,7 +101,7 @@ const _UserDropdown = ({ className }: CommonProps) => {
         <span className="text-xl opacity-50">
           <FcNext />
         </span>
-        <span className="ml-1.5">{translate('::Abp.Identity.SignOut')} </span>
+        <span className="ml-1">{translate('::Abp.Identity.SignOut')} </span>
       </Dropdown.Item>
     </Dropdown>
   )

ui/src/constants/theme.constant.ts

@@ -20,8 +20,8 @@ export const SPLITTED_SIDE_NAV_SECONDARY_WIDTH = 250
 export const SIDE_NAV_CONTENT_GUTTER = 'px-4'
 export const LOGO_X_GUTTER = 'px-4'
 export const HEADER_HEIGHT_CLASS = 'h-16'
-export const PAGE_CONTAINER_GUTTER_X = 'px-4 sm:px-6 md:px-8'
-export const PAGE_CONTAINER_GUTTER_Y = 'py-4 sm:py-6 md:px-8'
+export const PAGE_CONTAINER_GUTTER_X = 'px-4 sm:px-2 md:px-4'
+export const PAGE_CONTAINER_GUTTER_Y = 'py-4 sm:py-2 md:px-4'
 
 export const THEME_ENUM = {
   DIR_RTL: DIR_RTL,