@kirill.konshin/tailwind 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/fullpage.d.ts.map +1 -1
- package/dist/fullpage.js +13 -15
- package/dist/fullpage.js.map +1 -1
- package/dist/fullpage.stories.d.ts +2 -2
- package/dist/fullpage.stories.d.ts.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -5
- package/dist/responsiveHelper.d.ts.map +1 -1
- package/dist/responsiveHelper.js +36 -14
- package/dist/responsiveHelper.js.map +1 -1
- package/dist/responsiveHelper.stories.d.ts +1 -1
- package/dist/responsiveHelper.stories.d.ts.map +1 -1
- package/package.json +17 -5
- package/.ctirc +0 -20
- package/.storybook/main.ts +0 -2
- package/.storybook/preview.ts +0 -2
- package/.turbo/turbo-build.log +0 -21
- package/CHANGELOG.md +0 -8
- package/dist/index.js.map +0 -1
- package/src/fullpage.stories.tsx +0 -36
- package/src/fullpage.tsx +0 -19
- package/src/index.ts +0 -2
- package/src/responsiveHelper.stories.tsx +0 -23
- package/src/responsiveHelper.tsx +0 -18
- package/tailwind.config.js +0 -7
- package/tailwind.css +0 -2
- package/tsconfig.json +0 -10
- package/turbo.json +0 -10
- package/vite.config.ts +0 -2
package/dist/fullpage.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fullpage.d.ts","sourceRoot":"","sources":["../src/fullpage.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"fullpage.d.ts","sourceRoot":"","sources":["../src/fullpage.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG;IACxB,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,GAAG,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAUrC,CAAC"}
|
package/dist/fullpage.js
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
1
|
import { memo } from "react";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
);
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
//#region src/fullpage.tsx
|
|
4
|
+
var Fullpage = memo(function Fullpage({ ref, className = "", children, ...props }) {
|
|
5
|
+
return /* @__PURE__ */ jsx("div", {
|
|
6
|
+
ref,
|
|
7
|
+
...props,
|
|
8
|
+
className: `container h-screen flex flex-col justify-center items-center ${className}`,
|
|
9
|
+
children
|
|
10
|
+
});
|
|
13
11
|
});
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
//# sourceMappingURL=fullpage.js.map
|
|
12
|
+
//#endregion
|
|
13
|
+
export { Fullpage };
|
|
14
|
+
|
|
15
|
+
//# sourceMappingURL=fullpage.js.map
|
package/dist/fullpage.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fullpage.js","sources":["../src/fullpage.tsx"],"sourcesContent":["import React, { FC, memo, RefObject } from 'react';\n\nexport type FullpageProps = {\n ref: RefObject<HTMLDivElement>;\n className?: string;\n children: any;\n};\n\nexport const Fullpage: FC<FullpageProps> = memo(function Fullpage({ ref, className = '', children, ...props }) {\n return (\n <div\n ref={ref}\n {...props}\n className={`container h-screen flex flex-col justify-center items-center ${className}`}\n >\n {children}\n </div>\n );\n});\n"],"
|
|
1
|
+
{"version":3,"file":"fullpage.js","names":[],"sources":["../src/fullpage.tsx"],"sourcesContent":["import React, { type FC, memo, type RefObject } from 'react';\n\nexport type FullpageProps = {\n ref: RefObject<HTMLDivElement>;\n className?: string;\n children: any;\n};\n\nexport const Fullpage: FC<FullpageProps> = memo(function Fullpage({ ref, className = '', children, ...props }) {\n return (\n <div\n ref={ref}\n {...props}\n className={`container h-screen flex flex-col justify-center items-center ${className}`}\n >\n {children}\n </div>\n );\n});\n"],"mappings":";;;AAQA,IAAa,WAA8B,KAAK,SAAS,SAAS,EAAE,KAAK,YAAY,IAAI,UAAU,GAAG,SAAS;CAC3G,OACI,oBAAC,OAAD;EACS;EACL,GAAI;EACJ,WAAW,gEAAgE;EAE1E;CACA,CAAA;AAEb,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Fullpage } from './fullpage';
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Fullpage } from './fullpage.js';
|
|
3
3
|
declare const meta: Meta<typeof Fullpage>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof Fullpage>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fullpage.stories.d.ts","sourceRoot":"","sources":["../src/fullpage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"fullpage.stories.d.ts","sourceRoot":"","sources":["../src/fullpage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,iBAAiB,CAAC;AAEzB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAM/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAYvC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './fullpage';
|
|
2
|
-
export * from './responsiveHelper';
|
|
1
|
+
export * from './fullpage.js';
|
|
2
|
+
export * from './responsiveHelper.js';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsiveHelper.d.ts","sourceRoot":"","sources":["../src/responsiveHelper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"responsiveHelper.d.ts","sourceRoot":"","sources":["../src/responsiveHelper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAE7C,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAE5D,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAWzD,CAAC"}
|
package/dist/responsiveHelper.js
CHANGED
|
@@ -1,17 +1,39 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
2
|
import { memo } from "react";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
//#region src/responsiveHelper.tsx
|
|
5
|
+
var ResponsiveHelperTW = memo(function ResponsiveHelperTW() {
|
|
6
|
+
return /* @__PURE__ */ jsxs("span", {
|
|
7
|
+
className: "fixed bottom-0 right-2 z-30 leading-none text-xs",
|
|
8
|
+
children: [
|
|
9
|
+
/* @__PURE__ */ jsx("small", {
|
|
10
|
+
className: "hidden xs:max-sm:block",
|
|
11
|
+
children: "XS"
|
|
12
|
+
}),
|
|
13
|
+
/* @__PURE__ */ jsx("small", {
|
|
14
|
+
className: "hidden sm:max-md:block",
|
|
15
|
+
children: "SM"
|
|
16
|
+
}),
|
|
17
|
+
/* @__PURE__ */ jsx("small", {
|
|
18
|
+
className: "hidden md:max-lg:block",
|
|
19
|
+
children: "MD"
|
|
20
|
+
}),
|
|
21
|
+
/* @__PURE__ */ jsx("small", {
|
|
22
|
+
className: "hidden lg:max-xl:block",
|
|
23
|
+
children: "LG"
|
|
24
|
+
}),
|
|
25
|
+
/* @__PURE__ */ jsx("small", {
|
|
26
|
+
className: "hidden xl:max-2xl:block",
|
|
27
|
+
children: "XL"
|
|
28
|
+
}),
|
|
29
|
+
/* @__PURE__ */ jsx("small", {
|
|
30
|
+
className: "hidden 2xl:block",
|
|
31
|
+
children: "XXL"
|
|
32
|
+
})
|
|
33
|
+
]
|
|
34
|
+
});
|
|
13
35
|
});
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
//# sourceMappingURL=responsiveHelper.js.map
|
|
36
|
+
//#endregion
|
|
37
|
+
export { ResponsiveHelperTW };
|
|
38
|
+
|
|
39
|
+
//# sourceMappingURL=responsiveHelper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsiveHelper.js","sources":["../src/responsiveHelper.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC, memo } from 'react';\n\nexport type ResponsiveHelperTWProps = Record<string, never>;\n\nexport const ResponsiveHelperTW: FC<ResponsiveHelperTWProps> = memo(function ResponsiveHelperTW() {\n return (\n <span className=\"fixed bottom-0 right-2 z-30 leading-none text-xs\">\n <small className=\"hidden xs:max-sm:block\">XS</small>\n <small className=\"hidden sm:max-md:block\">SM</small>\n <small className=\"hidden md:max-lg:block\">MD</small>\n <small className=\"hidden lg:max-xl:block\">LG</small>\n <small className=\"hidden xl:max-2xl:block\">XL</small>\n <small className=\"hidden 2xl:block\">XXL</small>\n </span>\n );\n});\n"],"
|
|
1
|
+
{"version":3,"file":"responsiveHelper.js","names":[],"sources":["../src/responsiveHelper.tsx"],"sourcesContent":["'use client';\n\nimport React, { type FC, memo } from 'react';\n\nexport type ResponsiveHelperTWProps = Record<string, never>;\n\nexport const ResponsiveHelperTW: FC<ResponsiveHelperTWProps> = memo(function ResponsiveHelperTW() {\n return (\n <span className=\"fixed bottom-0 right-2 z-30 leading-none text-xs\">\n <small className=\"hidden xs:max-sm:block\">XS</small>\n <small className=\"hidden sm:max-md:block\">SM</small>\n <small className=\"hidden md:max-lg:block\">MD</small>\n <small className=\"hidden lg:max-xl:block\">LG</small>\n <small className=\"hidden xl:max-2xl:block\">XL</small>\n <small className=\"hidden 2xl:block\">XXL</small>\n </span>\n );\n});\n"],"mappings":";;;;AAMA,IAAa,qBAAkD,KAAK,SAAS,qBAAqB;CAC9F,OACI,qBAAC,QAAD;EAAM,WAAU;YAAhB;GACI,oBAAC,SAAD;IAAO,WAAU;cAAyB;GAAS,CAAA;GACnD,oBAAC,SAAD;IAAO,WAAU;cAAyB;GAAS,CAAA;GACnD,oBAAC,SAAD;IAAO,WAAU;cAAyB;GAAS,CAAA;GACnD,oBAAC,SAAD;IAAO,WAAU;cAAyB;GAAS,CAAA;GACnD,oBAAC,SAAD;IAAO,WAAU;cAA0B;GAAS,CAAA;GACpD,oBAAC,SAAD;IAAO,WAAU;cAAmB;GAAU,CAAA;EAC5C;;AAEd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsiveHelper.stories.d.ts","sourceRoot":"","sources":["../src/responsiveHelper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"responsiveHelper.stories.d.ts","sourceRoot":"","sources":["../src/responsiveHelper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,iBAAiB,CAAC;AAEzB,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAQrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kirill.konshin/tailwind",
|
|
3
3
|
"description": "Utilities",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.3",
|
|
5
5
|
"type": "module",
|
|
6
|
+
"hasStorybook": true,
|
|
6
7
|
"scripts": {
|
|
7
8
|
"----- BUILD -----": "",
|
|
8
9
|
"clean": "rm -rf dist .tscache tsconfig.tsbuildinfo",
|
|
9
10
|
"build": "vite build",
|
|
10
|
-
"build:index": "ctix build",
|
|
11
|
-
"build:check-types": "attw --pack .",
|
|
12
11
|
"start": "yarn build --watch",
|
|
13
12
|
"wait": "wait-on ./dist/index.js",
|
|
14
13
|
"----- TEST -----": "",
|
|
15
|
-
"test
|
|
14
|
+
"test": "vitest run --coverage",
|
|
16
15
|
"test:watch": "vitest watch --coverage",
|
|
17
16
|
"----- STORYBOOK -----": "",
|
|
18
17
|
"storybook:start": "storybook dev -p 6006",
|
|
@@ -50,5 +49,18 @@
|
|
|
50
49
|
"tailwindcss": {
|
|
51
50
|
"optional": true
|
|
52
51
|
}
|
|
53
|
-
}
|
|
52
|
+
},
|
|
53
|
+
"repository": {
|
|
54
|
+
"type": "git",
|
|
55
|
+
"url": "https://github.com/kirill-konshin/utils.git",
|
|
56
|
+
"directory": "packages/tailwind"
|
|
57
|
+
},
|
|
58
|
+
"nx": {
|
|
59
|
+
"tags": [
|
|
60
|
+
"platform:react"
|
|
61
|
+
]
|
|
62
|
+
},
|
|
63
|
+
"files": [
|
|
64
|
+
"dist"
|
|
65
|
+
]
|
|
54
66
|
}
|
package/.ctirc
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"options": [
|
|
3
|
-
{
|
|
4
|
-
"mode": "create",
|
|
5
|
-
"project": "tsconfig.json",
|
|
6
|
-
"include": "src/**/*.{ts,tsx}",
|
|
7
|
-
"exclude": [
|
|
8
|
-
"**/*.stories.*",
|
|
9
|
-
"**/*.test.*",
|
|
10
|
-
"**/*.fixture.*"
|
|
11
|
-
],
|
|
12
|
-
"startFrom": "src",
|
|
13
|
-
"backup": false,
|
|
14
|
-
"overwrite": true,
|
|
15
|
-
"generationStyle": "default-alias-named-star",
|
|
16
|
-
"output": "src",
|
|
17
|
-
"verbose": true
|
|
18
|
-
}
|
|
19
|
-
]
|
|
20
|
-
}
|
package/.storybook/main.ts
DELETED
package/.storybook/preview.ts
DELETED
package/.turbo/turbo-build.log
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
[36mvite v7.0.6 [32mbuilding SSR bundle for production...[36m[39m
|
|
2
|
-
- ctix 'create' mode start, ...
|
|
3
|
-
✔ /home/runner/work/utils/utils/packages/tailwind/tsconfig.json loading complete!
|
|
4
|
-
✔ analysis export statements completed!
|
|
5
|
-
- build "index.ts" file start
|
|
6
|
-
- output file exists check, ...
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
✔ ctix 'create' mode complete!
|
|
10
|
-
transforming...
|
|
11
|
-
[32m✓[39m 3 modules transformed.
|
|
12
|
-
rendering chunks...
|
|
13
|
-
|
|
14
|
-
[vite:dts] Start generate declaration files...
|
|
15
|
-
[2mdist/[22m[36mindex.js [39m[1m[2m0.18 kB[22m[1m[22m[2m │ map: 0.09 kB[22m
|
|
16
|
-
[2mdist/[22m[36mfullpage.js [39m[1m[2m0.42 kB[22m[1m[22m[2m │ map: 0.85 kB[22m
|
|
17
|
-
[2mdist/[22m[36mresponsiveHelper.js [39m[1m[2m0.90 kB[22m[1m[22m[2m │ map: 1.31 kB[22m
|
|
18
|
-
[vite:dts] Declaration files built in 1785ms.
|
|
19
|
-
|
|
20
|
-
[32m✓ built in 5.06s[39m
|
|
21
|
-
Updated package.json with exports
|
package/CHANGELOG.md
DELETED
package/dist/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/src/fullpage.stories.tsx
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { useRef } from 'react';
|
|
3
|
-
import { Fullpage } from './fullpage';
|
|
4
|
-
import '../tailwind.css';
|
|
5
|
-
|
|
6
|
-
const meta: Meta<typeof Fullpage> = {
|
|
7
|
-
title: 'Components/Fullpage',
|
|
8
|
-
component: Fullpage,
|
|
9
|
-
parameters: {
|
|
10
|
-
layout: 'fullscreen',
|
|
11
|
-
},
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export default meta;
|
|
15
|
-
type Story = StoryObj<typeof Fullpage>;
|
|
16
|
-
|
|
17
|
-
const FullpageWrapper = (args: any) => {
|
|
18
|
-
const ref = useRef<HTMLDivElement>(null);
|
|
19
|
-
return (
|
|
20
|
-
<Fullpage ref={ref} {...args}>
|
|
21
|
-
<h1 className="text-4xl font-bold text-blue-600">Hello Tailwind!</h1>
|
|
22
|
-
<p className="mt-4 text-gray-600">This is a fullpage component with Tailwind CSS styling.</p>
|
|
23
|
-
</Fullpage>
|
|
24
|
-
);
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export const Default: Story = {
|
|
28
|
-
render: (args) => <FullpageWrapper {...args} />,
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
export const WithCustomClass: Story = {
|
|
32
|
-
render: (args) => <FullpageWrapper {...args} />,
|
|
33
|
-
args: {
|
|
34
|
-
className: 'bg-gray-100',
|
|
35
|
-
},
|
|
36
|
-
};
|
package/src/fullpage.tsx
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React, { FC, memo, RefObject } from 'react';
|
|
2
|
-
|
|
3
|
-
export type FullpageProps = {
|
|
4
|
-
ref: RefObject<HTMLDivElement>;
|
|
5
|
-
className?: string;
|
|
6
|
-
children: any;
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export const Fullpage: FC<FullpageProps> = memo(function Fullpage({ ref, className = '', children, ...props }) {
|
|
10
|
-
return (
|
|
11
|
-
<div
|
|
12
|
-
ref={ref}
|
|
13
|
-
{...props}
|
|
14
|
-
className={`container h-screen flex flex-col justify-center items-center ${className}`}
|
|
15
|
-
>
|
|
16
|
-
{children}
|
|
17
|
-
</div>
|
|
18
|
-
);
|
|
19
|
-
});
|
package/src/index.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryFn } from '@storybook/react';
|
|
2
|
-
import { ResponsiveHelperTW } from './responsiveHelper';
|
|
3
|
-
import '../tailwind.css';
|
|
4
|
-
|
|
5
|
-
const meta: Meta = {
|
|
6
|
-
title: 'Components/ResponsiveHelperTW',
|
|
7
|
-
component: ResponsiveHelperTW,
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: 'fullscreen',
|
|
10
|
-
},
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export default meta;
|
|
14
|
-
|
|
15
|
-
export const Default: StoryFn = () => (
|
|
16
|
-
<div className="min-h-screen bg-gray-50 p-8">
|
|
17
|
-
<h1 className="text-2xl font-bold mb-4">Responsive Helper Demo</h1>
|
|
18
|
-
<p className="text-gray-600">
|
|
19
|
-
Resize the browser window to see the breakpoint indicator in the bottom-right corner.
|
|
20
|
-
</p>
|
|
21
|
-
<ResponsiveHelperTW />
|
|
22
|
-
</div>
|
|
23
|
-
);
|
package/src/responsiveHelper.tsx
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import React, { FC, memo } from 'react';
|
|
4
|
-
|
|
5
|
-
export type ResponsiveHelperTWProps = Record<string, never>;
|
|
6
|
-
|
|
7
|
-
export const ResponsiveHelperTW: FC<ResponsiveHelperTWProps> = memo(function ResponsiveHelperTW() {
|
|
8
|
-
return (
|
|
9
|
-
<span className="fixed bottom-0 right-2 z-30 leading-none text-xs">
|
|
10
|
-
<small className="hidden xs:max-sm:block">XS</small>
|
|
11
|
-
<small className="hidden sm:max-md:block">SM</small>
|
|
12
|
-
<small className="hidden md:max-lg:block">MD</small>
|
|
13
|
-
<small className="hidden lg:max-xl:block">LG</small>
|
|
14
|
-
<small className="hidden xl:max-2xl:block">XL</small>
|
|
15
|
-
<small className="hidden 2xl:block">XXL</small>
|
|
16
|
-
</span>
|
|
17
|
-
);
|
|
18
|
-
});
|
package/tailwind.config.js
DELETED
package/tailwind.css
DELETED
package/tsconfig.json
DELETED
package/turbo.json
DELETED
package/vite.config.ts
DELETED