From 48729352d2e6740bc248c29a5fdba12f502da71d Mon Sep 17 00:00:00 2001 From: Kostya Date: Sun, 3 Dec 2023 08:11:27 +0300 Subject: [PATCH] built a grid for saper page --- luckydiamond/src/assets/css/global.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css index 541ea78..91c171b 100644 --- a/luckydiamond/src/assets/css/global.css +++ b/luckydiamond/src/assets/css/global.css @@ -57,6 +57,22 @@ body, html { height: 100%; } +.content-grid--saper { + display: grid; + grid-auto-columns: 1fr; + grid-template-columns: .35fr repeat(5, 1fr) 1fr; + grid-template-rows: auto 0fr repeat(4, 1fr); + grid-template-areas: + "menu header header header header header header" + "menu saper saper saper saper saper chat" + "menu saper saper saper saper saper chat" + "menu saper saper saper saper saper chat" + "menu saper saper saper saper saper chat" + "menu saper saper saper saper saper chat" + "menu saper saper saper saper saper chat"; + grid-gap: 10px; +} + /* /Content Grid */