selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

layout and design improvements

Browse Source
This commit is contained in:
Sara
2023-09-20 15:56:49 +02:00
parent 44f22664a1
commit fe510238c0
14 changed files with 224 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
www/tailwind.config.js
View File

@@ -1,14 +1,5 @@
/** @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}",
@@ -17,10 +8,8 @@ module.exports = {
],
theme: {
extend: {
height: {
"outer-dashboard": `calc(100svh - ${dashboardStart}px)`,
"outer-dashboard-md": `calc(100svh - ${dashboardStartMd + 34}px)`,
"outer-dashboard-lg": `calc(100svh - ${dashboardStartLg}px)`,
gridTemplateRows: {
layout: "auto auto minmax(0, 1fr)",
},
},
},