Minor CSS & Link Updates

Also updated dist files with new CSS
This commit is contained in:
Kent Keirsey 2022-10-09 10:31:47 -04:00 committed by Lincoln Stein
parent 5a22a83f4c
commit 22514aec2e
6 changed files with 49 additions and 35 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -6,8 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>InvokeAI - A Stable Diffusion Toolkit</title>
<link rel="shortcut icon" type="icon" href="/assets/favicon.0d253ced.ico" />
<script type="module" crossorigin src="/assets/index.f85957e3.js"></script>
<link rel="stylesheet" href="/assets/index.c04b2fd8.css">
<script type="module" crossorigin src="/assets/index.6cdae835.js"></script>
<link rel="stylesheet" href="/assets/index.4ceb640a.css">
</head>
<body>

View File

@ -71,7 +71,7 @@
.next-prev-button-trigger-area {
width: 7rem;
height: 100%;
width: 100%;
width: 15%;
display: grid;
align-items: center;
pointer-events: auto;

View File

@ -21,7 +21,7 @@
.site-header-right-side {
display: grid;
grid-template-columns: repeat(6, max-content);
grid-template-columns: repeat(7, max-content);
align-items: center;
column-gap: 0.5rem;
}

View File

@ -1,7 +1,7 @@
import { IconButton, Link, Tooltip, useColorMode } from '@chakra-ui/react';
import { useHotkeys } from 'react-hotkeys-hook';
import { FaSun, FaMoon, FaGithub } from 'react-icons/fa';
import { FaSun, FaMoon, FaGithub, FaDiscord } from 'react-icons/fa';
import { MdHelp, MdKeyboard, MdSettings } from 'react-icons/md';
import InvokeAILogo from '../../assets/images/logo.png';
@ -70,7 +70,7 @@ const SiteHeader = () => {
icon={
<Link
isExternal
href="http://github.com/lstein/stable-diffusion/issues"
href="http://github.com/invoke-ai/InvokeAI/issues"
>
<MdHelp />
</Link>
@ -85,13 +85,27 @@ const SiteHeader = () => {
fontSize={20}
size={'sm'}
icon={
<Link isExternal href="http://github.com/lstein/stable-diffusion">
<Link isExternal href="http://github.com/invoke-ai/InvokeAI">
<FaGithub />
</Link>
}
/>
</Tooltip>
<Tooltip hasArrow label="Discord" placement={'bottom'}>
<IconButton
aria-label="Link to Discord Server"
variant="link"
fontSize={20}
size={'sm'}
icon={
<Link isExternal href="https://discord.gg/ZmtBAhwWhy">
<FaDiscord />
</Link>
}
/>
</Tooltip>
<Tooltip hasArrow label="Theme" placement={'bottom'}>
<IconButton
aria-label="Toggle Dark Mode"