From b15be5185d50c1cf6872262386f2ab37ad407efc Mon Sep 17 00:00:00 2001 From: akiyamn Date: Wed, 1 Jun 2022 14:23:28 +1000 Subject: Basics of desktop mode --- src/css/sidepanel.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 src/css/sidepanel.css (limited to 'src/css/sidepanel.css') diff --git a/src/css/sidepanel.css b/src/css/sidepanel.css new file mode 100644 index 0000000..8697dd0 --- /dev/null +++ b/src/css/sidepanel.css @@ -0,0 +1,25 @@ +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .side-panel { + background-color: transparent; + width: 100%; + max-width: 48rem; + +} +.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .horiz-container { + display: flex; + align-items: flex-start; + gap: 2rem; + flex-wrap: wrap; +} + + +/* Tablet or Desktop (at least 48em) */ + +@media only screen and (min-width: 48em) { + .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .side-panel { + border: 1px solid var(--grey1c-100); + max-width: 29rem; + border-radius: 5px; + padding: 16px; + margin: 10px 0; + } +} \ No newline at end of file -- cgit v1.2.3