diff --git a/site/plugins/admin/assets/src/content.css b/site/plugins/admin/assets/src/content.css index 4a2e47f5..929deefd 100644 --- a/site/plugins/admin/assets/src/content.css +++ b/site/plugins/admin/assets/src/content.css @@ -6,9 +6,9 @@ flex-grow: 1; flex-shrink: 1; - max-width: calc(100% - 64px); + max-width: calc(100% - var(--btn-size-medium)); height: 100vh; - margin-left: 64px; + margin-left: var(--btn-size-medium); } .content .bars @@ -17,20 +17,20 @@ z-index: 20; top: 0; - width: calc(100% - 64px); + width: calc(100% - var(--btn-size-medium)); } .content .inner { position: relative; - padding: 20px; + padding: 10px; padding-top: 120px; } .content .top-bar { - padding: 20px 0; + padding: 17.5px 0; color: rgba(255, 255, 255, .7); background: black; @@ -38,7 +38,7 @@ .content .top-bar .btn { - padding: 23px; + padding: 20.5px; } .content .top-bar .btn.active, @@ -50,7 +50,7 @@ .content .path-bar { - padding: 20px; + padding: 10px; background: #f7f7f7; } diff --git a/site/plugins/admin/assets/src/main.css b/site/plugins/admin/assets/src/main.css index f1f47ec9..2b5da8a4 100644 --- a/site/plugins/admin/assets/src/main.css +++ b/site/plugins/admin/assets/src/main.css @@ -1,3 +1,8 @@ +body +{ + font-size: 16px; +} + main { display: flex; diff --git a/site/plugins/admin/assets/src/nav.css b/site/plugins/admin/assets/src/nav.css index e42abb49..effd84ed 100644 --- a/site/plugins/admin/assets/src/nav.css +++ b/site/plugins/admin/assets/src/nav.css @@ -7,7 +7,7 @@ nav flex-direction: column; justify-content: space-between; - width: 64px; + width: var(--btn-size-medium); height: 100vh; color: white; @@ -44,5 +44,5 @@ nav a.logo { font-weight: bold; - height: 64px; + height: var(--btn-size-medium); } diff --git a/site/plugins/admin/assets/src/styles.css b/site/plugins/admin/assets/src/styles.css index 7420bba2..c077d0e4 100644 --- a/site/plugins/admin/assets/src/styles.css +++ b/site/plugins/admin/assets/src/styles.css @@ -1,5 +1,6 @@ @import 'tailwindcss/base'; +@import 'vars'; @import 'main'; @import 'nav'; @import 'content'; diff --git a/site/plugins/admin/assets/src/table.css b/site/plugins/admin/assets/src/table.css index bb3b1fb0..178cc6c3 100644 --- a/site/plugins/admin/assets/src/table.css +++ b/site/plugins/admin/assets/src/table.css @@ -1,3 +1,8 @@ +table +{ + width: 100%; +} + table tr:first-of-type td { border-top: 0; @@ -11,13 +16,14 @@ table > thead > tr > th text-transform: none; color: black; + border-color: rgba(224, 224, 224, .1); border-bottom-width: 1px; } table tbody tr:hover td, table tbody tr:hover th { - background: rgba(255, 255, 255, .13); + background: rgba(224, 224, 224, .13); } table > tbody > tr > td, @@ -27,12 +33,13 @@ table > tbody > tr > th, table > thead > tr > th, table > tfoot > tr > th { - font-size: 14px; + font-size: 16px; - padding: 12.5px 20px; + padding: 17.5px 20px; vertical-align: middle; color: black; - border-color: black; + border-color: rgba(224, 224, 224, .13); + border-bottom-width: 1px; } diff --git a/site/plugins/admin/assets/src/vars.css b/site/plugins/admin/assets/src/vars.css new file mode 100644 index 00000000..481872d0 --- /dev/null +++ b/site/plugins/admin/assets/src/vars.css @@ -0,0 +1,3 @@ +:root { + --btn-size-medium: 60px; +}