shlinkio/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-12-11 18:41:12 -06:00
Code Issues Packages Projects Releases 67 Wiki Activity

Migrated NoMenuLayout to tailwind

Browse Source
This commit is contained in:
Alejandro Celaya 2025-04-02 10:34:47 +02:00
parent b19162ce91
commit 15ef29ecea
2 changed files with 3 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/common/NoMenuLayout.scss
View File

@ -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;
}
}

5
src/common/NoMenuLayout.tsx
View File

@ -1,11 +1,12 @@
import { clsx } from 'clsx'; import { clsx } from 'clsx';
import type { FC, PropsWithChildren } from 'react'; import type { FC, PropsWithChildren } from 'react';
import './NoMenuLayout.scss';
export type NoMenuLayoutProps = PropsWithChildren & { export type NoMenuLayoutProps = PropsWithChildren & {
className?: string; className?: string;
}; };
export const NoMenuLayout: FC<NoMenuLayoutProps> = ({ children, className }) => ( 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>
); );