From 924b91ab6bf50ce8a7355214536fafdbc989d466 Mon Sep 17 00:00:00 2001 From: dsgnr Date: Thu, 11 Nov 2021 22:00:23 +0000 Subject: [PATCH] Improve webui styling for browser with no Javascript enabled --- CHANGELOG.md | 1 + webui/public/index.html | 59 +++++++++++++++++++++++++----- webui/src/layouts/Footer.js | 18 +--------- webui/src/layouts/Header.js | 30 ---------------- webui/src/styles/index.scss | 71 ++++++++++++++++++++++++++++++++----- 5 files changed, 115 insertions(+), 64 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index fd680ed..e7125c4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,7 @@ All notable changes to this project will be documented in this file. ## Unreleased - Update package.json dependencies +- Improve webui styling for when the users browser does not have JavaScript enabled ## [1.0.5] - 2021-11-07 diff --git a/webui/public/index.html b/webui/public/index.html index f6dd4b7..5391ab3 100644 --- a/webui/public/index.html +++ b/webui/public/index.html @@ -1,13 +1,54 @@ - - - - portchecker.io - - - - -
+ + + + + portchecker.io + + + + + +
+ + diff --git a/webui/src/layouts/Footer.js b/webui/src/layouts/Footer.js index 7675008..1796299 100644 --- a/webui/src/layouts/Footer.js +++ b/webui/src/layouts/Footer.js @@ -2,25 +2,9 @@ import React from 'react'; import { css } from '@emotion/react'; import { ReactComponent as GithubIcon } from '../assets/github.svg'; -const footerStyle = css` - padding: 40px 16px; - & > nav { - margin: 0 auto; - max-width: 1440px; - display: flex; - align-items: center; - justify-content: space-between; - - svg { - width: 2rem; - height: 2rem; - } - } -`; - const Footer = () => { return ( -