layout changes

This commit is contained in:
Sara
2023-09-18 16:31:23 +02:00
parent b6c65805f8
commit e59dbf2df2
11 changed files with 220 additions and 187 deletions

View File

@@ -1,4 +1,14 @@
/** @type {import('tailwindcss').Config} */
// 8 margin main container Top + 40 height header + 16 margin bottom header + 80 recorder
const dashboardStart = 144;
// 8 margin main container Top + 40 height header + 16 margin bottom header + 80 recorder
const dashboardStartMd = 144;
// 16 margin main container Top + 64 height header + 16 margin bottom header + 80 recorder
const dashboardStartLg = 176;
module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
@@ -7,10 +17,10 @@ module.exports = {
],
theme: {
extend: {
backgroundImage: {
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
"gradient-conic":
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
height: {
"outer-dashboard": `calc(100svh - ${dashboardStart}px)`,
"outer-dashboard-md": `calc(100svh - ${dashboardStartMd + 34}px)`,
"outer-dashboard-lg": `calc(100svh - ${dashboardStartLg}px)`,
},
},
},