responsive breakpoints; lint (#107)

This commit is contained in:
Michael Quigley 2022-12-20 17:47:31 -05:00
parent 13261011d9
commit 195210d868
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
5 changed files with 9 additions and 7 deletions

View File

@ -1,4 +1,6 @@
$blue: #3b2693;
$font-family-sans-serif: "Russo One", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
$font-family-monospace: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
$font-family-monospace: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
$grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1400px );
$container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1340px );

File diff suppressed because one or more lines are too long

View File

@ -13,8 +13,8 @@ const NewConsole = (props) => {
const closeVersionModal = () => setShowVersionModal(false);
return (
<Container fluid="xl">
<Navbar bg="primary" variant="dark" id="navbar" expand="lg">
<Container fluid={"xl"}>
<Navbar bg="primary" variant="dark" id="navbar" expand="md">
<Container fluid>
<Navbar.Brand>
<img alt="Ziggy" src="/ziggy.svg" width="65" className="d-inline-block align-top" />{' '}

View File

@ -21,7 +21,7 @@ const NewVersion = (props) => {
<Modal show={props.show} onHide={props.onHide} centered>
<Modal.Header closeButton>About zrok</Modal.Header>
<Modal.Body>
<h3>{v}</h3>
<code>{v}</code>
</Modal.Body>
</Modal>
);

View File

@ -5,8 +5,8 @@ body {
-moz-osx-font-smoothing: grayscale;
}
code {
font-family: 'Russo One', sans-serif;
code, pre {
font-family: 'JetBrains Mono', Consolas, 'Courier New', monospace;
}
#navbar {