From ae24a413281708383d2471afce7938245e1621f1 Mon Sep 17 00:00:00 2001 From: "Navy.gif" Date: Wed, 23 Nov 2022 00:38:56 +0200 Subject: [PATCH] css --- src/css/App.css | 10 +++++----- src/css/components/Sidebar.css | 2 +- src/css/index.css | 33 ++++++++++++++++++++++++++++++--- src/css/pages/Login.css | 2 +- src/css/pages/Users.css | 11 +++++++++++ 5 files changed, 48 insertions(+), 10 deletions(-) create mode 100644 src/css/pages/Users.css diff --git a/src/css/App.css b/src/css/App.css index c0d3129..618874b 100644 --- a/src/css/App.css +++ b/src/css/App.css @@ -1,14 +1,14 @@ .app { - width: 100vw; - height: 100vh; background-color: var(--background-primary); } header { + position: absolute; + right: 0; display: flex; flex-direction: row; text-align: center; - height: var(--header-height); + height: 50px; background-color: var(--background-tertiary); } @@ -20,7 +20,7 @@ .main-content { width: 100%; - height: 91%; - margin: 20px; + height: 100%; + padding-right: 30px; background-color: var(--background-secondary); } \ No newline at end of file diff --git a/src/css/components/Sidebar.css b/src/css/components/Sidebar.css index 0f1aa48..4c4ffcc 100644 --- a/src/css/components/Sidebar.css +++ b/src/css/components/Sidebar.css @@ -1,7 +1,7 @@ .sidebar { min-width: 200px; height: 100%; - background-color: var(--background-secondary); + margin-right: 10px; } .sidebar-menu { diff --git a/src/css/index.css b/src/css/index.css index 1fb3198..6841e31 100644 --- a/src/css/index.css +++ b/src/css/index.css @@ -3,7 +3,7 @@ :root { --bg-color: #232323; --bg-secondary-color: #343434; - --color-primary: #00377e; + --color-primary: #2760aa; --color-lightGrey: #d2d6dd; --color-grey: #ccc; --color-darkGrey: #777; @@ -17,8 +17,35 @@ --font-family-mono: monaco, "Consolas", "Lucida Console", monospace; } -* { - /* outline: red dashed 1px; */ +.flex { + display: flex; + gap: 10px; +} + +html { + height: 100%; +} + +ul { + list-style-type: none; + /* padding: 0; */ +} + +tbody tr:hover { + background-color: rgba(0, 0, 0, 0.199) !important; +} + +/* * { + outline: red dashed 1px; +} */ + +#root { + height: 100%; +} + +.is-full-screen { + height: 100%; + min-height: unset; } .card { diff --git a/src/css/pages/Login.css b/src/css/pages/Login.css index c736f54..0f45902 100644 --- a/src/css/pages/Login.css +++ b/src/css/pages/Login.css @@ -7,7 +7,7 @@ input{ .logoImg{ max-height: 120px; } -.row>div{ +.dingus{ max-width: 407px; } .methodsWrapper{ diff --git a/src/css/pages/Users.css b/src/css/pages/Users.css new file mode 100644 index 0000000..2b2684b --- /dev/null +++ b/src/css/pages/Users.css @@ -0,0 +1,11 @@ +.user-page { + height: 100%; +} + +.user-list { + height: 95%; +} + +li input { + margin: 0; +} \ No newline at end of file