From 253acd2dad5b6d19aead5f47c9afe2aacbeb47d7 Mon Sep 17 00:00:00 2001 From: Janakarajan Natarajan Date: Wed, 13 Sep 2023 21:44:58 +0000 Subject: [PATCH] Make the tabs pane fixed --- src/html_files/index.css | 36 ++++++++++++------------------------ src/html_files/index.html | 2 +- 2 files changed, 13 insertions(+), 25 deletions(-) diff --git a/src/html_files/index.css b/src/html_files/index.css index fc71f3ec..0cf1aaae 100644 --- a/src/html_files/index.css +++ b/src/html_files/index.css @@ -8,6 +8,17 @@ body {font-family: "Lato", sans-serif;} background-color: #f1f1f1; width: 10%; height: 100%; + position: fixed; +} + +.aperf { + background-color: white; + text-align: center; + color: black; + padding: 5%; + width: 100%; + font-size: 27px; + display: grid; } /* Style the buttons inside the tab */ @@ -37,32 +48,9 @@ body {font-family: "Lato", sans-serif;} /* Style the tab content */ .tabcontent { - float: left; + float: right; padding: 0px 12px; border: 1px solid #ccc; width: 90%; height: 100%; } - -.collapsible { - background-color: #777; - color: white; - cursor: pointer; - padding: 18px; - width: 100%; - border: none; - text-align: left; - outline: none; - font-size: 15px; -} - -.active, .collapsible:hover { - background-color: #555; -} - -.content { - float: left; - padding: 0 18px; - display: none; - background-color: #f1f1f1; -} diff --git a/src/html_files/index.html b/src/html_files/index.html index 14d3edf4..1a0ff479 100644 --- a/src/html_files/index.html +++ b/src/html_files/index.html @@ -7,8 +7,8 @@ APerf -

APerf

+
APerf