fix: tailwind warning fixes

This commit is contained in:
sriram veeraghanta 2024-09-10 17:57:06 +05:30
parent 545717cc51
commit 04b10cabc8

View file

@ -18,8 +18,8 @@ module.exports = {
"./pages/**/*.tsx",
"./app/**/*.tsx",
"./ui/**/*.tsx",
"../packages/ui/**/*.{js,ts,jsx,tsx}",
"../packages/editor/**/src/**/*.{js,ts,jsx,tsx}",
"../packages/ui/src/**/*.{js,ts,jsx,tsx}",
"../packages/editor/src/**/*.{js,ts,jsx,tsx}",
"!../packages/ui/**/*.stories{js,ts,jsx,tsx}",
],
},
@ -334,7 +334,7 @@ module.exports = {
80: "18rem",
96: "21.6rem",
"page-x": "1.35rem",
"page-y": "1.35rem"
"page-y": "1.35rem",
},
margin: {
0: "0",
@ -436,23 +436,26 @@ module.exports = {
custom: ["Inter", "sans-serif"],
},
},
plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography"), function({ addUtilities }) {
plugins: [
require("tailwindcss-animate"),
require("@tailwindcss/typography"),
function ({ addUtilities }) {
const newUtilities = {
// Mobile screens
'.px-page-x': {
paddingLeft: '1.25rem',
paddingRight: '1.25rem',
".px-page-x": {
paddingLeft: "1.25rem",
paddingRight: "1.25rem",
},
// Medium screens (768px and up)
'@media (min-width: 768px)': {
'.px-page-x': {
paddingLeft: '1.35rem',
paddingRight: '1.35rem',
"@media (min-width: 768px)": {
".px-page-x": {
paddingLeft: "1.35rem",
paddingRight: "1.35rem",
},
},
}
};
addUtilities(newUtilities, ['responsive']);
addUtilities(newUtilities, ["responsive"]);
},
],
],
};