Leahnaya/hackdex-website
1
0
Fork 0
mirror of https://github.com/Hackdex-App/hackdex-website.git synced 2026-04-22 06:57:19 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add safe area margin/padding class utils

Browse Source
This commit is contained in:
Jared Schoeny 2025-10-23 13:51:06 -10:00
parent 4f857cd7d1
commit 9a55b45fe8
1 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/app/globals.css
View File

@ -37,6 +37,38 @@
}
}
.m-safe {
margin: env(safe-area-inset-bottom) env(safe-area-inset-right) env(safe-area-inset-top) env(safe-area-inset-left);
}
.mb-safe {
margin-bottom: env(safe-area-inset-bottom);
}
.mt-safe {
margin-top: env(safe-area-inset-top);
}
.ml-safe {
margin-left: env(safe-area-inset-left);
}
.mr-safe {
margin-right: env(safe-area-inset-right);
}
.p-safe {
padding: env(safe-area-inset-bottom) env(safe-area-inset-right) env(safe-area-inset-top) env(safe-area-inset-left);
}
.pb-safe {
padding-bottom: env(safe-area-inset-bottom);
}
.pt-safe {
padding-top: env(safe-area-inset-top);
}
.pl-safe {
padding-left: env(safe-area-inset-left);
}
.pr-safe {
padding-right: env(safe-area-inset-right);
}
body {
background: var(--background);
color: var(--foreground);