mirror of https://github.com/gabehf/Koito.git
parent
0dceaf017a
commit
7ff317756f
@ -0,0 +1,14 @@
|
|||||||
|
# v0.0.2
|
||||||
|
## Features
|
||||||
|
- Configurable CORS policy via KOITO_CORS_ALLOWED_ORIGINS
|
||||||
|
- A baseline mobile UI
|
||||||
|
|
||||||
|
## Enhancements
|
||||||
|
- The import source is now saved as the client for the imported listen.
|
||||||
|
|
||||||
|
## Fixes
|
||||||
|
- Account update form now works on enter key
|
||||||
|
|
||||||
|
## Updates
|
||||||
|
- Non-sensitive query parameters are logged with requests
|
||||||
|
- Koito version number is embedded through tags
|
||||||
@ -1,22 +1,36 @@
|
|||||||
import { ExternalLink, Home, Info } from "lucide-react";
|
import { ExternalLink, Home, Info } from "lucide-react";
|
||||||
import SidebarSearch from "./SidebarSearch";
|
import SidebarSearch from "./SidebarSearch";
|
||||||
import SidebarItem from "./SidebarItem";
|
import SidebarItem from "./SidebarItem";
|
||||||
import SidebarSettings from "./SidebarSettings";
|
import SidebarSettings from "./SidebarSettings";
|
||||||
|
|
||||||
export default function Sidebar() {
|
export default function Sidebar() {
|
||||||
|
|
||||||
const iconSize = 20;
|
const iconSize = 20;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="z-50 flex flex-col justify-between h-screen border-r-1 border-(--color-bg-tertiary) p-1 py-10 sticky left-0 top-0 bg-(--color-bg)">
|
<div className="overflow-x-hidden w-full sm:w-auto">
|
||||||
<div className="flex flex-col gap-4">
|
<div className="z-50 flex sm:flex-col justify-between sm:h-screen h-auto sm:w-auto w-full border-b sm:border-b-0 sm:border-r border-(--color-bg-tertiary) pt-2 sm:py-10 sm:px-1 px-4 sticky top-0 sm:left-0 bg-(--color-bg)">
|
||||||
<SidebarItem space={10} to="/" name="Home" onClick={() => {}} modal={<></>}><Home size={iconSize} /></SidebarItem>
|
<div className="flex gap-4 sm:flex-col">
|
||||||
<SidebarSearch size={iconSize} />
|
<SidebarItem space={10} to="/" name="Home" onClick={() => {}} modal={<></>}>
|
||||||
</div>
|
<Home size={iconSize} />
|
||||||
<div className="flex flex-col gap-4">
|
</SidebarItem>
|
||||||
<SidebarItem icon keyHint={<ExternalLink size={14} />} space={22} externalLink to="https://koito.io" name="About" onClick={() => {}} modal={<></>}><Info size={iconSize} /></SidebarItem>
|
<SidebarSearch size={iconSize} />
|
||||||
<SidebarSettings size={iconSize} />
|
</div>
|
||||||
|
<div className="flex gap-4 sm:flex-col">
|
||||||
|
<SidebarItem
|
||||||
|
icon
|
||||||
|
keyHint={<ExternalLink size={14} />}
|
||||||
|
space={22}
|
||||||
|
externalLink
|
||||||
|
to="https://koito.io"
|
||||||
|
name="About"
|
||||||
|
onClick={() => {}}
|
||||||
|
modal={<></>}
|
||||||
|
>
|
||||||
|
<Info size={iconSize} />
|
||||||
|
</SidebarItem>
|
||||||
|
<SidebarSettings size={iconSize} />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in new issue