florian/bouquet
2
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

clean: design change

Browse Source
This commit is contained in:
florian 2024-04-09 13:57:31 +02:00
parent 8089456acb
commit ec9d5d90b2
14 changed files with 2463 additions and 152 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
bun.lockb
View File

Binary file not shown.

2549
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

22
package.json
View File

@ -15,16 +15,16 @@
"@headlessui/react": "^1.7.18", "@headlessui/react": "^1.7.18",
"@heroicons/react": "^2.1.3", "@heroicons/react": "^2.1.3",
"@noble/hashes": "^1.4.0", "@noble/hashes": "^1.4.0",
"@nostr-dev-kit/ndk": "^2.5.1", "@nostr-dev-kit/ndk": "^2.7.1",
"@nostr-dev-kit/ndk-cache-dexie": "^2.2.8", "@nostr-dev-kit/ndk-cache-dexie": "^2.3.1",
"@tanstack/react-query": "^5.28.6", "@tanstack/react-query": "^5.29.0",
"@tanstack/react-query-devtools": "^5.28.6", "@tanstack/react-query-devtools": "^5.29.0",
"add": "^2.0.6", "add": "^2.0.6",
"axios": "^1.6.8", "axios": "^1.6.8",
"blossom-client-sdk": "^0.4.0", "blossom-client-sdk": "^0.4.0",
"dayjs": "^1.11.10", "dayjs": "^1.11.10",
"id3js": "^2.1.1", "id3js": "^2.1.1",
"nostr-tools": "^2.3.2", "nostr-tools": "^2.4.0",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-pdf": "^7.7.1", "react-pdf": "^7.7.1",
@ -32,20 +32,20 @@
}, },
"devDependencies": { "devDependencies": {
"@tanstack/eslint-plugin-query": "^5.28.6", "@tanstack/eslint-plugin-query": "^5.28.6",
"@types/react": "^18.2.66", "@types/react": "^18.2.74",
"@types/react-dom": "^18.2.22", "@types/react-dom": "^18.2.24",
"@typescript-eslint/eslint-plugin": "^7.2.0", "@typescript-eslint/eslint-plugin": "^7.2.0",
"@typescript-eslint/parser": "^7.2.0", "@typescript-eslint/parser": "^7.2.0",
"@vitejs/plugin-react-swc": "^3.5.0", "@vitejs/plugin-react-swc": "^3.6.0",
"autoprefixer": "^10.4.19", "autoprefixer": "^10.4.19",
"eslint": "^8.57.0", "eslint": "^8.57.0",
"eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.6", "eslint-plugin-react-refresh": "^0.4.6",
"postcss": "^8.4.38", "postcss": "^8.4.38",
"prettier": "^3.2.5", "prettier": "^3.2.5",
"tailwindcss": "^3.4.1", "tailwindcss": "^3.4.3",
"typescript": "^5.2.2", "typescript": "^5.4.4",
"vite": "^5.2.0", "vite": "^5.2.8",
"vite-bundle-visualizer": "^1.1.0" "vite-bundle-visualizer": "^1.1.0"
} }
} }

6
src/components/BlobList/BlobList.css
View File

@ -7,11 +7,11 @@
} }
.blob-list { .blob-list {
@apply bg-neutral-800 p-4 text-neutral-300 rounded-lg; @apply bg-zinc-800 p-4 text-zinc-300 rounded-lg;
} }
.blob-list .blob { .blob-list .blob {
@apply p-1 hover:bg-neutral-700 rounded-md grid pr-4; @apply p-1 hover:bg-zinc-700 rounded-md grid pr-4;
grid-template-columns: 2em auto 6em 10em 7em 3em; grid-template-columns: 2em auto 6em 10em 7em 3em;
} }
@ -32,7 +32,7 @@
} }
.blog-list-header button { .blog-list-header button {
@apply bg-neutral-800 hover:bg-neutral-700 p-2 ml-2 my-2 text-white rounded-lg disabled:text-neutral-700 disabled:bg-neutral-900; @apply bg-zinc-800 hover:bg-zinc-700 p-2 ml-2 my-2 text-white rounded-lg disabled:text-zinc-700 disabled:bg-zinc-900;
} }
.blog-list-header button.selected { .blog-list-header button.selected {

8
src/components/BlobList/BlobList.tsx
View File

@ -164,7 +164,7 @@ const BlobList = ({ blobs, onDelete, title }: BlobListProps) => {
{mode == 'gallery' && ( {mode == 'gallery' && (
<div className="blob-list flex flex-wrap justify-center flex-grow"> <div className="blob-list flex flex-wrap justify-center flex-grow">
{images.map(blob => ( {images.map(blob => (
<div key={blob.sha256} className="p-2 rounded-lg bg-neutral-900 m-2 relative inline-block text-center"> <div key={blob.sha256} className="p-2 rounded-lg bg-zinc-900 m-2 relative inline-block text-center">
<a href={blob.url} target="_blank"> <a href={blob.url} target="_blank">
<div <div
className="" className=""
@ -195,7 +195,7 @@ const BlobList = ({ blobs, onDelete, title }: BlobListProps) => {
{videos.map(blob => ( {videos.map(blob => (
<div <div
key={blob.sha256} key={blob.sha256}
className="p-4 rounded-lg bg-neutral-900 m-2 relative flex flex-col" className="p-4 rounded-lg bg-zinc-900 m-2 relative flex flex-col"
style={{ width: '340px' }} style={{ width: '340px' }}
> >
<video src={blob.url} preload="metadata" width={320} controls playsInline></video> <video src={blob.url} preload="metadata" width={320} controls playsInline></video>
@ -216,7 +216,7 @@ const BlobList = ({ blobs, onDelete, title }: BlobListProps) => {
blob.isSuccess && ( blob.isSuccess && (
<div <div
key={blob.data.sha256} key={blob.data.sha256}
className="p-4 rounded-lg bg-neutral-900 m-2 relative flex flex-col" className="p-4 rounded-lg bg-zinc-900 m-2 relative flex flex-col"
style={{ width: '24em' }} style={{ width: '24em' }}
> >
{blob.data.id3 && ( {blob.data.id3 && (
@ -253,7 +253,7 @@ const BlobList = ({ blobs, onDelete, title }: BlobListProps) => {
{docs.map(blob => ( {docs.map(blob => (
<div <div
key={blob.sha256} key={blob.sha256}
className="p-4 rounded-lg bg-neutral-900 m-2 relative flex flex-col" className="p-4 rounded-lg bg-zinc-900 m-2 relative flex flex-col"
style={{ width: '22em' }} style={{ width: '22em' }}
> >
<a href={blob.url} target="_blank" className="block overflow-clip text-ellipsis py-2"> <a href={blob.url} target="_blank" className="block overflow-clip text-ellipsis py-2">

2
src/components/Layout/Layout.css
View File

@ -39,5 +39,5 @@
} }
.footer { .footer {
@apply self-center text-neutral-600 pt-12 pb-6; @apply self-center text-zinc-600 pt-12 pb-6;
} }

2
src/components/ProgressBar/ProgressBar.tsx
View File

@ -1,6 +1,6 @@
const ProgressBar = ({ value, max }: { value: number; max: number }) => { const ProgressBar = ({ value, max }: { value: number; max: number }) => {
return ( return (
<div className="w-full bg-gray-200 rounded-lg dark:bg-neutral-900"> <div className="w-full bg-gray-200 rounded-lg dark:bg-zinc-900">
{max !== undefined && value !== undefined && max > 0 && ( {max !== undefined && value !== undefined && max > 0 && (
<div <div
className="bg-pink-600 text-sm font-medium text-pink-100 text-center p-1 leading-none rounded-lg" className="bg-pink-600 text-sm font-medium text-pink-100 text-center p-1 leading-none rounded-lg"

2
src/components/ServerList/Server.tsx
View File

@ -39,7 +39,7 @@ const Server = ({
<div <div
className={ className={
`server ${selectedServer == server.name ? 'selected' : ''} ` + `server ${selectedServer == server.name ? 'selected' : ''} ` +
`${setSelectedServer ? ' hover:bg-neutral-700 cursor-pointer' : ''} ` `${setSelectedServer ? ' hover:bg-zinc-700 cursor-pointer' : ''} `
} }
key={server.name} key={server.name}
onClick={() => setSelectedServer && setSelectedServer(server.name)} onClick={() => setSelectedServer && setSelectedServer(server.name)}

2
src/components/ServerList/ServerList.css
View File

@ -3,7 +3,7 @@
} }
.server { .server {
@apply bg-neutral-800 text-neutral-300 rounded-lg p-4 gap-4 flex flex-row items-center; @apply bg-zinc-800 text-zinc-300 rounded-lg p-4 gap-4 flex flex-row items-center;
} }
.server.selected { .server.selected {

2
src/index.css
View File

@ -3,5 +3,5 @@
@tailwind utilities; @tailwind utilities;
body { body {
@apply bg-neutral-900 text-slate-500 box-border; @apply bg-zinc-900 text-zinc-500 box-border;
} }

2
src/pages/Check.tsx
View File

@ -9,7 +9,7 @@ function Check() {
return ( return (
<> <>
<h2>Check integrity</h2> <h2>Check integrity</h2>
<p className="py-4 text-neutral-400"> <p className="py-4 text-zinc-400">
Downloads all objects from the server and checks the integrity of the content. Downloads all objects from the server and checks the integrity of the content.
</p> </p>
<ServerList <ServerList

4
src/pages/Transfer.css
View File

@ -15,7 +15,7 @@
} }
.error-log { .error-log {
@apply bg-neutral-800 p-4 text-neutral-300 rounded-lg; @apply bg-zinc-800 p-4 text-zinc-300 rounded-lg;
} }
.error-log svg { .error-log svg {
@ -23,7 +23,7 @@
} }
.error-log div { .error-log div {
@apply p-1 hover:bg-neutral-700 rounded-md grid pr-4; @apply p-1 hover:bg-zinc-700 rounded-md grid pr-4;
grid-template-columns: 2em auto 6em 2em 15em; grid-template-columns: 2em auto 6em 2em 15em;
} }
.error-log div span { .error-log div span {

6
src/pages/Upload.tsx
View File

@ -135,11 +135,11 @@ function Upload() {
return ( return (
<> <>
<h2>Upload</h2> <h2>Upload</h2>
<div className=" bg-neutral-800 rounded-xl p-4 text-neutral-400 gap-4 flex flex-col"> <div className=" bg-zinc-800 rounded-xl p-4 text-zinc-400 gap-4 flex flex-col">
<input id="browse" type="file" hidden multiple onChange={handleFileChange} /> <input id="browse" type="file" hidden multiple onChange={handleFileChange} />
<label <label
htmlFor="browse" htmlFor="browse"
className="p-8 bg-neutral-700 rounded-lg hover:text-white text-neutral-400 border-dashed border-neutral-500 border-2 block cursor-pointer text-center" className="p-8 bg-zinc-700 rounded-lg hover:text-white text-zinc-400 border-dashed border-zinc-500 border-2 block cursor-pointer text-center"
onDrop={handleDrop} onDrop={handleDrop}
onDragOver={event => event.preventDefault()} onDragOver={event => event.preventDefault()}
> >
@ -189,7 +189,7 @@ function Upload() {
*/} */}
</div> </div>
<button <button
className="p-2 px-4 bg-neutral-600 hover:bg-pink-700 text-white rounded-lg w-2/6 disabled:text-neutral-800 disabled:bg-neutral-900 " className="p-2 px-4 bg-zinc-600 hover:bg-pink-700 text-white rounded-lg w-2/6 disabled:text-zinc-800 disabled:bg-zinc-900 "
onClick={() => upload()} onClick={() => upload()}
disabled={files.length == 0} disabled={files.length == 0}
> >

8
vercel.json Normal file
View File

@ -0,0 +1,8 @@
{
"routes": [
{
"src": "/[^.]+",
"dest": "/"
}
]
}