From 15ef29ecea5b6276a81164ec087a377c703aec41 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandrocelaya@gmail.com>
Date: Wed, 2 Apr 2025 10:34:47 +0200
Subject: [PATCH] Migrated NoMenuLayout to tailwind

---
 src/common/NoMenuLayout.scss | 9 ---------
 src/common/NoMenuLayout.tsx  | 5 +++--
 2 files changed, 3 insertions(+), 11 deletions(-)
 delete mode 100644 src/common/NoMenuLayout.scss

diff --git a/src/common/NoMenuLayout.scss b/src/common/NoMenuLayout.scss
deleted file mode 100644
index a97be69e..00000000
--- a/src/common/NoMenuLayout.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@use '../../node_modules/@shlinkio/shlink-frontend-kit/dist/base';
-
-.no-menu-wrapper {
-  padding: 15px 0 0;
-
-  @media (min-width: base.$mdMin) {
-    padding: 30px 20px 20px;
-  }
-}
diff --git a/src/common/NoMenuLayout.tsx b/src/common/NoMenuLayout.tsx
index bcc87837..1b2a4ace 100644
--- a/src/common/NoMenuLayout.tsx
+++ b/src/common/NoMenuLayout.tsx
@@ -1,11 +1,12 @@
 import { clsx } from 'clsx';
 import type { FC, PropsWithChildren } from 'react';
-import './NoMenuLayout.scss';
 
 export type NoMenuLayoutProps = PropsWithChildren & {
   className?: string;
 };
 
 export const NoMenuLayout: FC<NoMenuLayoutProps> = ({ children, className }) => (
-  <div className={clsx('no-menu-wrapper tw:container tw:mx-auto', className)}>{children}</div>
+  <div className={clsx('tw:container tw:mx-auto tw:p-5 tw:pt-8 tw:max-md:p-0 tw:max-md:py-4', className)}>
+    {children}
+  </div>
 );