xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

daisy ui [WIP]

This commit is contained in:
daniel31x13 2023-11-25 05:54:43 -05:00
parent d53dd93bb7
commit 0a398d1fd9
16 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Dropdown.tsx
View File

@ -78,7 +78,7 @@ export default function Dropdown({
onClickOutside={onClickOutside} onClickOutside={onClickOutside}
className={`${ className={`${
className || "" className || ""
} py-1 shadow-md border border-neutral-content bg-gray-50 dark:bg-neutral-800 rounded-md flex flex-col z-20`} } py-1 shadow-md border border-neutral-content bg-base-200 rounded-md flex flex-col z-20`}
> >
{items.map((e, i) => { {items.map((e, i) => {
const inner = e && ( const inner = e && (

2
components/FilterSearchDropdown.tsx
View File

@ -25,7 +25,7 @@ export default function FilterSearchDropdown({
const target = e.target as HTMLInputElement; const target = e.target as HTMLInputElement;
if (target.id !== "filter-dropdown") setFilterDropdown(false); if (target.id !== "filter-dropdown") setFilterDropdown(false);
}} }}
className="absolute top-8 right-0 border border-neutral shadow-md bg-gray-50 dark:bg-neutral-800 rounded-md p-2 z-20 w-40" className="absolute top-8 right-0 border border-neutral shadow-md bg-base-200 rounded-md p-2 z-20 w-40"
> >
<p className="mb-2 text-center font-semibold">Filter by</p> <p className="mb-2 text-center font-semibold">Filter by</p>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">

2
components/Modal/index.tsx
View File

@ -11,7 +11,7 @@ type Props = {
export default function Modal({ toggleModal, className, children }: Props) { export default function Modal({ toggleModal, className, children }: Props) {
return ( return (
<div className="overflow-y-auto py-2 fixed top-0 bottom-0 right-0 left-0 bg-gray-500 bg-opacity-10 backdrop-blur-sm flex justify-center items-center fade-in z-30"> <div className="overflow-y-auto py-2 fixed top-0 bottom-0 right-0 left-0 bg-black bg-opacity-10 backdrop-blur-sm flex justify-center items-center fade-in z-30">
<ClickAwayHandler <ClickAwayHandler
onClickOutside={toggleModal} onClickOutside={toggleModal}
className={`m-auto ${className || ""}`} className={`m-auto ${className || ""}`}

2
components/Navbar.tsx
View File

@ -131,7 +131,7 @@ export default function Navbar() {
) : null} ) : null}
{sidebar ? ( {sidebar ? (
<div className="fixed top-0 bottom-0 right-0 left-0 bg-gray-500 bg-opacity-10 backdrop-blur-sm flex items-center fade-in z-30"> <div className="fixed top-0 bottom-0 right-0 left-0 bg-black bg-opacity-10 backdrop-blur-sm flex items-center fade-in z-30">
<ClickAwayHandler <ClickAwayHandler
className="h-full" className="h-full"
onClickOutside={toggleSidebar} onClickOutside={toggleSidebar}

2
components/NoLinksFound.tsx
View File

@ -11,7 +11,7 @@ export default function NoLinksFound({ text }: Props) {
const { setModal } = useModalStore(); const { setModal } = useModalStore();
return ( return (
<div className="border border-solid border-neutral-content w-full h-full flex flex-col justify-center p-10 rounded-2xl bg-gray-50 dark:bg-neutral-800"> <div className="border border-solid border-neutral-content w-full h-full flex flex-col justify-center p-10 rounded-2xl bg-base-200">
<p className="text-center text-2xl"> <p className="text-center text-2xl">
{text || "You haven't created any Links Here"} {text || "You haven't created any Links Here"}
</p> </p>

2
components/SortDropdown.tsx
View File

@ -21,7 +21,7 @@ export default function SortDropdown({
const target = e.target as HTMLInputElement; const target = e.target as HTMLInputElement;
if (target.id !== "sort-dropdown") toggleSortDropdown(); if (target.id !== "sort-dropdown") toggleSortDropdown();
}} }}
className="absolute top-8 right-0 border border-neutral-content shadow-md bg-gray-50 dark:bg-neutral-800 rounded-md p-2 z-20 w-52" className="absolute top-8 right-0 border border-neutral-content shadow-md bg-base-200 rounded-md p-2 z-20 w-52"
> >
<p className="mb-2 text-center font-semibold">Sort by</p> <p className="mb-2 text-center font-semibold">Sort by</p>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">

2
layouts/LinkLayout.tsx
View File

@ -189,7 +189,7 @@ export default function LinkLayout({ children }: Props) {
{children} {children}
{sidebar ? ( {sidebar ? (
<div className="fixed top-0 bottom-0 right-0 left-0 bg-gray-500 bg-opacity-10 backdrop-blur-sm flex items-center fade-in z-30"> <div className="fixed top-0 bottom-0 right-0 left-0 bg-black bg-opacity-10 backdrop-blur-sm flex items-center fade-in z-30">
<ClickAwayHandler <ClickAwayHandler
className="h-full" className="h-full"
onClickOutside={toggleSidebar} onClickOutside={toggleSidebar}

2
layouts/SettingsLayout.tsx
View File

@ -69,7 +69,7 @@ export default function SettingsLayout({ children }: Props) {
{children} {children}
{sidebar ? ( {sidebar ? (
<div className="fixed top-0 bottom-0 right-0 left-0 bg-gray-500 bg-opacity-10 backdrop-blur-sm flex items-center fade-in z-30"> <div className="fixed top-0 bottom-0 right-0 left-0 bg-black bg-opacity-10 backdrop-blur-sm flex items-center fade-in z-30">
<ClickAwayHandler <ClickAwayHandler
className="h-full" className="h-full"
onClickOutside={toggleSidebar} onClickOutside={toggleSidebar}

2
pages/collections/index.tsx
View File

@ -117,7 +117,7 @@ export default function Collections() {
})} })}
<div <div
className="p-5 bg-gray-50 dark:bg-neutral-800 self-stretch border border-solid border-neutral-content min-h-[12rem] rounded-2xl cursor-pointer shadow duration-100 hover:shadow-none flex flex-col gap-4 justify-center items-center group" className="p-5 bg-base-200 self-stretch border border-solid border-neutral-content min-h-[12rem] rounded-2xl cursor-pointer shadow duration-100 hover:shadow-none flex flex-col gap-4 justify-center items-center group"
onClick={() => { onClick={() => {
setModal({ setModal({
modal: "COLLECTION", modal: "COLLECTION",

6
pages/dashboard.tsx
View File

@ -181,7 +181,7 @@ export default function Dashboard() {
) : ( ) : (
<div <div
style={{ flex: "1 1 auto" }} style={{ flex: "1 1 auto" }}
className="sky-shadow flex flex-col justify-center h-full border border-solid border-neutral-content w-full mx-auto p-10 rounded-2xl bg-gray-50 dark:bg-neutral-800" className="sky-shadow flex flex-col justify-center h-full border border-solid border-neutral-content w-full mx-auto p-10 rounded-2xl bg-base-200"
> >
<p className="text-center text-2xl"> <p className="text-center text-2xl">
View Your Recently Added Links Here! View Your Recently Added Links Here!
@ -236,7 +236,7 @@ export default function Dashboard() {
if (target.id !== "import-dropdown") if (target.id !== "import-dropdown")
setImportDropdown(false); setImportDropdown(false);
}} }}
className={`absolute top-10 left-0 w-52 py-1 shadow-md border border-neutral-content bg-gray-50 dark:bg-neutral-800 rounded-md flex flex-col z-20`} className={`absolute top-10 left-0 w-52 py-1 shadow-md border border-neutral-content bg-base-200 rounded-md flex flex-col z-20`}
> >
<div className="cursor-pointer rounded-md"> <div className="cursor-pointer rounded-md">
<label <label
@ -318,7 +318,7 @@ export default function Dashboard() {
) : ( ) : (
<div <div
style={{ flex: "1 1 auto" }} style={{ flex: "1 1 auto" }}
className="sky-shadow flex flex-col justify-center h-full border border-solid border-neutral-content w-full mx-auto p-10 rounded-2xl bg-gray-50 dark:bg-neutral-800" className="sky-shadow flex flex-col justify-center h-full border border-solid border-neutral-content w-full mx-auto p-10 rounded-2xl bg-base-200"
> >
<p className="text-center text-2xl"> <p className="text-center text-2xl">
Pin Your Favorite Links Here! Pin Your Favorite Links Here!

2
pages/links/[id].tsx
View File

@ -259,7 +259,7 @@ export default function Index() {
}} }}
></div> ></div>
) : ( ) : (
<div className="border border-solid border-neutral-content w-full h-full flex flex-col justify-center p-10 rounded-2xl bg-gray-50 dark:bg-neutral-800"> <div className="border border-solid border-neutral-content w-full h-full flex flex-col justify-center p-10 rounded-2xl bg-base-200">
{link?.readabilityPath === "pending" ? ( {link?.readabilityPath === "pending" ? (
<p className="text-center"> <p className="text-center">
Generating readable format, please wait... Generating readable format, please wait...

2
pages/links/pinned.tsx
View File

@ -64,7 +64,7 @@ export default function PinnedLinks() {
) : ( ) : (
<div <div
style={{ flex: "1 1 auto" }} style={{ flex: "1 1 auto" }}
className="sky-shadow flex flex-col justify-center h-full border border-solid border-neutral-content w-full mx-auto p-10 rounded-2xl bg-gray-50 dark:bg-neutral-800" className="sky-shadow flex flex-col justify-center h-full border border-solid border-neutral-content w-full mx-auto p-10 rounded-2xl bg-base-200"
> >
<p className="text-center text-2xl"> <p className="text-center text-2xl">
Pin Your Favorite Links Here! Pin Your Favorite Links Here!

2
pages/public/links/[id].tsx
View File

@ -259,7 +259,7 @@ export default function Index() {
}} }}
></div> ></div>
) : ( ) : (
<div className="border border-solid border-neutral-content w-full h-full flex flex-col justify-center p-10 rounded-2xl bg-gray-50 dark:bg-neutral-800"> <div className="border border-solid border-neutral-content w-full h-full flex flex-col justify-center p-10 rounded-2xl bg-base-200">
{link?.readabilityPath === "pending" ? ( {link?.readabilityPath === "pending" ? (
<p className="text-center"> <p className="text-center">
Generating readable format, please wait... Generating readable format, please wait...

2
pages/settings/account.tsx
View File

@ -258,7 +258,7 @@ export default function Account() {
if (target.id !== "import-dropdown") if (target.id !== "import-dropdown")
setImportDropdown(false); setImportDropdown(false);
}} }}
className={`absolute top-7 left-0 w-52 py-1 shadow-md border border-neutral-content bg-gray-50 dark:bg-neutral-800 rounded-md flex flex-col z-20`} className={`absolute top-7 left-0 w-52 py-1 shadow-md border border-neutral-content bg-base-200 rounded-md flex flex-col z-20`}
> >
<div className="cursor-pointer rounded-md"> <div className="cursor-pointer rounded-md">
<label <label

2
pages/settings/api.tsx
View File

@ -67,7 +67,7 @@ export default function Api() {
<p> <p>
For now, you can <i>temporarily</i> use your{" "} For now, you can <i>temporarily</i> use your{" "}
<code className="text-xs whitespace-nowrap bg-gray-500/40 rounded-md px-2 py-1"> <code className="text-xs whitespace-nowrap bg-black/40 rounded-md px-2 py-1">
next-auth.session-token next-auth.session-token
</code>{" "} </code>{" "}
in your browser cookies as the API key for your integrations. in your browser cookies as the API key for your integrations.

2
tailwind.config.js
View File

@ -28,7 +28,7 @@ module.exports = {
neutral: "#9ca3af", neutral: "#9ca3af",
"neutral-content": "#404040", "neutral-content": "#404040",
"base-100": "#171717", "base-100": "#171717",
"base-200": "#1f2937", "base-200": "#262626",
"base-content": "#fafafa", "base-content": "#fafafa",
info: "#009ee4", info: "#009ee4",
success: "#00b17d", success: "#00b17d",