Updated vertical padding to be consistant across the whole app

cp6 · Oct 22, 2023 · bdc1ba9 · bdc1ba9
1 parent 32848fb
commit bdc1ba9
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/resources/js/Pages/ActionLogs/Index.jsx b/resources/js/Pages/ActionLogs/Index.jsx
@@ -40,7 +40,7 @@ export default function Index({auth}) {
             header={<h2
                 className="font-semibold text-xl text-gray-800 dark:text-white leading-tight">{'Action logs'}</h2>}>
             <Head title={'Action logs'}/>
-            <div className="py-8 px-1 mx-auto max-w-7xl lg:py-10">
+            <div className="py-4 sm:px-0 px-1 mx-auto max-w-7xl">
                 <ResponseAlert details={alert}></ResponseAlert>
                 {
                     logs.length === 0

diff --git a/resources/js/Pages/Connections/Index.jsx b/resources/js/Pages/Connections/Index.jsx
@@ -19,7 +19,7 @@ export default function Index({auth}) {
             header={<h2
                 className="font-semibold text-xl text-gray-800 dark:text-white leading-tight">{'Server connections'}</h2>}>
             <Head title={'Server connections'}/>
-            <div className="py-8 px-1 mx-auto max-w-7xl lg:py-10">
+            <div className="py-4 sm:px-0 px-1 mx-auto max-w-7xl">
                 <div className="flex flex-wrap gap-2 mb-4">
                     <AddButton href={route('connection.create')}>Add a connection</AddButton>
                     <EmeraldButton href={route('key.index')}><HiKey className="mr-2 h-5 w-5"/>Keys</EmeraldButton>

diff --git a/resources/js/Pages/Outputs/Index.jsx b/resources/js/Pages/Outputs/Index.jsx
@@ -24,7 +24,7 @@ export default function Index({auth}) {
                     <BackButton href={route('command.index')}>Back to commands</BackButton>
                     <IndigoButton href={route('command-group.index')}><HiUserGroup className="mr-2 h-5 w-5" />  Command groups</IndigoButton>
                 </div>
-                <div className="py-8 px-1 mx-auto max-w-7xl lg:py-10">
+                <div className="py-4 sm:px-0 px-1 mx-auto max-w-7xl">
                     <section className="pt-4 shadow-md dark:shadow-md bg-white/50 dark:bg-gray-700 dark:shadow rounded-lg">
                     <Grid
                         data={outputs}

diff --git a/resources/js/Pages/Outputs/IndexCommand.jsx b/resources/js/Pages/Outputs/IndexCommand.jsx
@@ -22,7 +22,7 @@ export default function IndexCommand({auth}) {
                 <div className="flex flex-wrap gap-2 mb-4">
                     <BackButton href={route('command.index')}>Back to commands</BackButton>
                 </div>
-                <div className="py-8 px-1 mx-auto max-w-7xl lg:py-10">
+                <div className="py-4 sm:px-0 px-1 mx-auto max-w-7xl">
                     <section className="pt-4 shadow-md dark:shadow-md bg-white/50 dark:bg-gray-700 dark:shadow rounded-lg">
                     <Grid
                         data={outputs}

diff --git a/resources/js/Pages/Outputs/IndexServer.jsx b/resources/js/Pages/Outputs/IndexServer.jsx
@@ -20,7 +20,7 @@ export default function IndexServer({auth}) {
             <div className="py-6 px-2 mx-auto max-w-7xl lg:py-8">
                 <div className="flex flex-wrap gap-2 mb-4">
                 </div>
-                <div className="py-8 px-1 mx-auto max-w-7xl lg:py-10">
+                <div className="py-4 sm:px-0 px-1 mx-auto max-w-7xl">
                     <section className="p-2 shadow-md dark:shadow-md bg-white/50 dark:bg-transparent dark:shadow rounded-lg dark:border dark:border-gray-700">
                     <Grid
                         data={outputs}

diff --git a/resources/js/Pages/Sftp/Index.jsx b/resources/js/Pages/Sftp/Index.jsx
@@ -18,7 +18,7 @@ export default function Index({auth}) {
             header={<h2
                 className="font-semibold text-xl text-gray-800 dark:text-white leading-tight">{'SFTP connections'}</h2>}>
             <Head title={'SFTP connections'}/>
-            <div className="py-8 px-1 mx-auto max-w-7xl lg:py-10">
+            <div className="py-4 sm:px-0 px-1 mx-auto max-w-7xl">
                 <FlexAddButtonDiv href={route('sftp.create')} resource={'SFTP connection'}/>
                 <ResponseAlert details={alert}></ResponseAlert>
                 <div className="grid gap-2 grid-cols-1 sm:grid-cols-4 sm:gap-4">