gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: mobile support (#831)

Browse Source
This commit is contained in:
Daniel Lautzenheiser
2023-05-31 11:55:53 -04:00
committed by GitHub
parent 7744df1103
commit 83c9d91b88
67 changed files with 2210 additions and 1056 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
tailwind.base.config.js
View File

@ -4,13 +4,14 @@ module.exports = {
extend: {
height: {
main: "calc(100vh - 64px)",
"main-mobile": "calc(100vh - 128px)",
"media-library-dialog": "80vh",
"media-card": "240px",
"media-preview-image": "104px",
"media-card-image": "196px",
"image-card": "120px",
input: "24px",
"table-full": "calc(100% - 40px)"
"table-full": "calc(100% - 40px)",
},
minHeight: {
8: "2rem",
@ -26,12 +27,20 @@ module.exports = {
"media-card": "240px",
"media-preview-image": "126px",
"image-card": "120px",
"card-grid": "calc(100% + 8px)",
"breadcrumb-title-small": "calc(100vw - 126px)",
"breadcrumb-title": "calc(100vw * .4)",
"collection-header": "calc(100% - 32px)",
"date-widget": "calc(100% - 58px)",
"relation-widget-label": "calc(100% - 32px)",
"select-widget-label": "calc(100% - 12px)",
},
maxWidth: {
"media-search": "400px",
},
boxShadow: {
sidebar: "0 10px 15px 18px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"bottom-navigation": "0 -10px 10px -5px rgb(0 0 0 / 0.15)",
},
gridTemplateColumns: {
editor: "450px auto",
@ -42,5 +51,24 @@ module.exports = {
sans: ["Inter var", "Inter", "ui-sans-serif", "system-ui", "sans-serif"],
},
},
screens: {
xs: "480px",
// => @media (min-width: 480px) { ... }
sm: "640px",
// => @media (min-width: 640px) { ... }
md: "768px",
// => @media (min-width: 768px) { ... }
lg: "1024px",
// => @media (min-width: 1024px) { ... }
xl: "1280px",
// => @media (min-width: 1280px) { ... }
"2xl": "1536px",
// => @media (min-width: 1536px) { ... }
},
},
};