From ff55cb779941ce6ea178b3ea37f1e519f47d7937 Mon Sep 17 00:00:00 2001 From: Minteck Date: Fri, 27 May 2022 16:01:58 +0200 Subject: Rewrite /servers --- public/assets/.DS_Store | Bin 0 -> 6148 bytes public/assets/custom.css | 83 ++++++++++++----------------------------- public/assets/icons/cpu.svg | 1 + public/assets/icons/memory.svg | 1 + public/assets/icons/swap.svg | 1 + public/assets/icons/system.svg | 1 + public/assets/icons/uptime.svg | 1 + public/assets/icons/usage.svg | 1 + public/assets/plurality.js | 25 ------------- 9 files changed, 30 insertions(+), 84 deletions(-) create mode 100644 public/assets/.DS_Store create mode 100644 public/assets/icons/cpu.svg create mode 100644 public/assets/icons/memory.svg create mode 100644 public/assets/icons/swap.svg create mode 100644 public/assets/icons/system.svg create mode 100644 public/assets/icons/uptime.svg create mode 100644 public/assets/icons/usage.svg delete mode 100644 public/assets/plurality.js (limited to 'public/assets') diff --git a/public/assets/.DS_Store b/public/assets/.DS_Store new file mode 100644 index 0000000..d8d844a Binary files /dev/null and b/public/assets/.DS_Store differ diff --git a/public/assets/custom.css b/public/assets/custom.css index ef2d2e2..fac1ef7 100644 --- a/public/assets/custom.css +++ b/public/assets/custom.css @@ -124,76 +124,41 @@ html, body { padding: 5px; } -.server p, .server span { +.server p { margin-left: 5px; } -.server .category-container { - display: grid; - grid-template-columns: 20% 20% 20% 20% 20%; -} - -.server .category { - margin: 2.5px; - - border-style: solid; - border-color: #3a3a3a; - border-radius: 10px; - - background-color: #444444; +.navbar-nohero { + background-color: #353535 !important; } -.server .category .name { - border-style: none none solid none; - border-color: #3a3a3a; - padding: 5px; +.server-data, .server-data-2 { + display: grid; + text-align: center; + grid-template-columns: 1fr 1fr 1fr; + grid-column-gap: 5px; } -.server .category .item { - border-style: solid none solid none; - border-color: #404040; - /*border-radius: 5px; - - background-color: #464646;*/ +.server-item-icon { + filter: invert(1); + vertical-align: middle; + width: 24px; + height: 24px; } -.server .category .item p { - /*border-style: none none solid none; - border-color: #404040;*/ - padding: 2.5px; - margin: 0; - - font-size: 1.05em; - font-weight: bold; -} -.server .category .item span { - padding: 2.5px; +.server-item-text { + vertical-align: middle; + display: inline-block; } -.server .category .item.start { - border-style: none none solid none; -} -.server .category .item.last { - border-style: solid none none none; +@media (max-width: 993px) { + .server-data { + grid-template-columns: 1fr 1fr; + } } -.server .category.cpu { - grid-column-start: 1; - grid-column-end: 1; -} -.server .category.processes { - grid-column-start: 2; - grid-column-end: 2; -} -.server .category.swap-memory { - grid-column-start: 3; - grid-column-end: 3; -} -.server .category.physical-memory { - grid-column-start: 4; - grid-column-end: 4; -} -.server .category.os { - grid-column-start: 5; - grid-column-end: 5; +@media (max-width: 575px) { + .server-data { + grid-template-columns: 1fr; + } } \ No newline at end of file diff --git a/public/assets/icons/cpu.svg b/public/assets/icons/cpu.svg new file mode 100644 index 0000000..4c3fcbf --- /dev/null +++ b/public/assets/icons/cpu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/memory.svg b/public/assets/icons/memory.svg new file mode 100644 index 0000000..f531b92 --- /dev/null +++ b/public/assets/icons/memory.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/swap.svg b/public/assets/icons/swap.svg new file mode 100644 index 0000000..38d4927 --- /dev/null +++ b/public/assets/icons/swap.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/system.svg b/public/assets/icons/system.svg new file mode 100644 index 0000000..c9edc1e --- /dev/null +++ b/public/assets/icons/system.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/uptime.svg b/public/assets/icons/uptime.svg new file mode 100644 index 0000000..862d6c4 --- /dev/null +++ b/public/assets/icons/uptime.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/usage.svg b/public/assets/icons/usage.svg new file mode 100644 index 0000000..d1eb04f --- /dev/null +++ b/public/assets/icons/usage.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/plurality.js b/public/assets/plurality.js deleted file mode 100644 index 745e149..0000000 --- a/public/assets/plurality.js +++ /dev/null @@ -1,25 +0,0 @@ -/* - * MIT License - * - * Copyright (c) 2022- Equestria.dev Developers - * - * Permission is hereby granted, free of charge, to any person obtaining a copy - * of this software and associated documentation files (the "Software"), to deal - * in the Software without restriction, including without limitation the rights - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - * copies of the Software, and to permit persons to whom the Software is - * furnished to do so, subject to the following conditions: - * - * The above copyright notice and this permission notice shall be included in all - * copies or substantial portions of the Software. - * - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE - * SOFTWARE. - * - */ - -- cgit