zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve overall responsiveness on mobile devices (#214)

Browse Source
This commit is contained in:
Giancarlo Buomprisco
2025-03-19 10:24:53 +07:00
committed by GitHub
parent 4bba67246b
commit fcb37e7d75
7 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/web/styles/markdoc.css
View File

@@ -10,23 +10,23 @@
}
.markdoc h1 {
@apply mt-14 text-4xl font-semibold font-heading tracking-tight dark:text-white text-foreground;
@apply mt-8 lg:mt-14 text-4xl font-semibold font-heading tracking-tight dark:text-white text-foreground;
}
.markdoc h2 {
@apply mb-6 mt-12 font-semibold text-2xl font-heading tracking-tight dark:text-white text-foreground;
@apply mb-3 lg:mb-6 mt-6 lg:mt-12 font-semibold text-2xl font-heading tracking-tight dark:text-white text-foreground;
}
.markdoc h3 {
@apply mt-12 text-xl font-semibold font-heading tracking-tight dark:text-white text-foreground;
@apply mt-6 lg:mt-12 text-xl font-semibold font-heading tracking-tight dark:text-white text-foreground;
}
.markdoc h4 {
@apply mt-8 text-lg font-medium tracking-tight dark:text-white text-foreground;
@apply mt-4 lg:mt-8 text-lg font-medium tracking-tight dark:text-white text-foreground;
}
.markdoc h5 {
@apply mt-6 text-base font-medium tracking-tight dark:text-white text-foreground;
@apply mt-3 lg:mt-6 text-base font-medium tracking-tight dark:text-white text-foreground;
}
.markdoc h6 {
@@ -34,7 +34,7 @@
}
.markdoc p {
@apply mb-6 mt-4 text-base leading-7 text-muted-foreground;
@apply mb-3 lg:mb-6 mt-2 lg:mt-4 text-base leading-7 text-muted-foreground;
}
.markdoc li {

2
apps/web/styles/theme.utilities.css
View File

@@ -1,5 +1,5 @@
@utility container {
margin-inline: auto;
@apply xl:max-w-[80rem] px-8;
@apply xl:max-w-[80rem] px-4 lg:px-8;
}