chaulmark/caddy-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Design changes

Browse source
This commit is contained in:
brian 2024-03-11 05:21:20 -04:00
parent aa1f7b25cf
commit ceab1a605c
5 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
README.md
View file

@ -12,6 +12,7 @@ This project provides a user-friendly web interface for managing a Caddy reverse
## TODO ## TODO
- [ ] More than just reverse_proxy directive
- [ ] Authentication - [ ] Authentication
- [ ] Persistant storage - [ ] Persistant storage

2
components/Error.tsx
View file

@ -11,7 +11,7 @@ export default function Error() {
return ( return (
<div className='flex justify-center'> <div className='flex justify-center'>
<div className="flex justify-center items-center min-h-screen h-[90vh]"> <div className="flex justify-center items-center h-[80vh]">
<Card> <Card>
<CardHeader> <CardHeader>
<CardTitle>Error</CardTitle> <CardTitle>Error</CardTitle>

2
components/Loading.tsx
View file

@ -3,7 +3,7 @@ import Image from "next/image";
export default function Loading() { export default function Loading() {
return ( return (
<div className='flex justify-center'> <div className='flex justify-center'>
<div className="flex items-center min-h-screen h-[90vh]"> <div className="flex items-center h-[70vh]">
<Image src="/loading.svg" alt="Loading" width={25} height={25} /> <Image src="/loading.svg" alt="Loading" width={25} height={25} />
<p className='p-2'>Loading</p> <p className='p-2'>Loading</p>
</div> </div>

2
components/RouteCards.tsx
View file

@ -69,7 +69,7 @@ export default function RouteCards() {
</div> </div>
<div> <div>
<p className="text-sm font-medium leading-none"> <p className="text-sm font-medium leading-none">
Tunneling to Destination
</p> </p>
<p className="text-sm text-muted-foreground">{getRouteUpstreams(route)?.map((upstream => upstream.dial))}</p> <p className="text-sm text-muted-foreground">{getRouteUpstreams(route)?.map((upstream => upstream.dial))}</p>
</div> </div>

2
components/RouteDialog.tsx
View file

@ -15,7 +15,7 @@ import { DialogClose } from "@radix-ui/react-dialog";
export function RouteDialog({ route, routesMap, open, onOpenChange }: { route: Route, routesMap: Route[], open: boolean, onOpenChange: (open: boolean) => void }) { export function RouteDialog({ route, routesMap, open, onOpenChange }: { route: Route, routesMap: Route[], open: boolean, onOpenChange: (open: boolean) => void }) {
let index = routesMap.indexOf(route); let index = routesMap.indexOf(route);
const [modifiedRoute, setRoute] = useState(route); const [modifiedRoute, setRoute] = useState<Route>(route);