fix(ui-styles): internal margins are impacting Header styles (#484)

versini-org · Apr 13, 2024 · 76a19e1 · 76a19e1
1 parent 4ba8b5d
commit 76a19e1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/packages/documentation/src/Components/Header.stories.tsx b/packages/documentation/src/Components/Header.stories.tsx
@@ -232,14 +232,14 @@ const CommonTemplate = () => {
 
 export const Basic: Story<any> = (args) => (
 	<Header {...args}>
-		<h1 className="m-0">hello header</h1>
+		<h1>hello header</h1>
 	</Header>
 );
 
 export const KitchenSink: Story<any> = (args) => (
 	<>
 		<Header {...args}>
-			<h1 className="m-0">hello header</h1>
+			<h1>hello header</h1>
 		</Header>
 		<Main>
 			<Card header="Automatic Dark Mode">

diff --git a/packages/documentation/src/Components/Main.stories.tsx b/packages/documentation/src/Components/Main.stories.tsx
@@ -16,7 +16,7 @@ Basic.args = {
 export const WithHeaderAndFooter: Story<any> = (args) => (
 	<div className="h-full bg-slate-100">
 		<Header {...args} className="bg-slate-500">
-			<p>hello header content</p>
+			<h2>hello header content</h2>
 		</Header>
 
 		<Main {...args} className="bg-slate-500">

diff --git a/packages/ui-styles/src/plugins/tailwindcss/typography.ts b/packages/ui-styles/src/plugins/tailwindcss/typography.ts
@@ -15,6 +15,13 @@ export default {
 							fontFamily: "Open Sans, ui-sans-serif, system-ui, sans-serif",
 							fontWeight: "400",
 						},
+						".av-header h1, .av-header h2, .av-header h3, .av-header h4, .av-header h5, .av-header h6":
+							{
+								margin: "0",
+							},
+						".av-header p": {
+							margin: "0",
+						},
 						blockquote: {
 							borderLeftWidth: "6px",
 						},