mirror of
https://github.com/upscayl/upscayl.git
synced 2026-04-03 03:00:13 -04:00
refactor: remove electron.vite.config.mts and update dependencies in package.json and package-lock.json
- Deleted the electron.vite.config.mts file. - Updated various dependencies in package.json and package-lock.json, including: - Bumped versions for @tailwindcss packages, cmdk, lucide-react, react-markdown, react-resizable-panels, react-select, react-tooltip, tailwind-merge, and others. - Updated devDependencies for @types packages and @vitejs/plugin-react. - Adjusted PostCSS configuration to use @tailwindcss/postcss. - Made minor adjustments to Tailwind CSS configuration and global styles.
This commit is contained in:
anna7261
@@ -1,7 +1,12 @@
|
||||
/**
|
||||
* @type {import('electron-vite').UserConfig}
|
||||
*/
|
||||
|
||||
import { defineConfig, externalizeDepsPlugin } from "electron-vite";
|
||||
import react from "@vitejs/plugin-react";
|
||||
import tsconfigPaths from "vite-tsconfig-paths";
|
||||
import { resolve } from "path";
|
||||
import tailwindcss from "@tailwindcss/vite";
|
||||
|
||||
export default defineConfig({
|
||||
main: {
|
||||
@@ -9,11 +14,11 @@ export default defineConfig({
|
||||
outDir: resolve(__dirname, "export/electron"),
|
||||
rollupOptions: {
|
||||
input: {
|
||||
index: resolve(__dirname, "electron/index.ts")
|
||||
index: resolve(__dirname, "electron/index.ts"),
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
plugins: [externalizeDepsPlugin()]
|
||||
plugins: [externalizeDepsPlugin()],
|
||||
},
|
||||
preload: {
|
||||
plugins: [externalizeDepsPlugin()],
|
||||
@@ -21,23 +26,23 @@ export default defineConfig({
|
||||
outDir: resolve(__dirname, "export/electron/preload"),
|
||||
rollupOptions: {
|
||||
input: {
|
||||
index: resolve(__dirname, "electron/preload.ts")
|
||||
}
|
||||
}
|
||||
index: resolve(__dirname, "electron/preload.ts"),
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
renderer: {
|
||||
root: ".",
|
||||
base: './',
|
||||
base: "./",
|
||||
build: {
|
||||
outDir: resolve(__dirname, "renderer/out"),
|
||||
rollupOptions: {
|
||||
input: {
|
||||
index: resolve("index.html")
|
||||
}
|
||||
}
|
||||
index: resolve("index.html"),
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [react(), tsconfigPaths()],
|
||||
publicDir: resolve(__dirname, "renderer/public")
|
||||
}
|
||||
plugins: [react(), tsconfigPaths(), tailwindcss()],
|
||||
publicDir: resolve(__dirname, "renderer/public"),
|
||||
},
|
||||
});
|
||||
3022
package-lock.json
generated
3022
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
44
package.json
44
package.json
@@ -204,13 +204,12 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@electron/notarize": "^2.5.0",
|
||||
"@tailwindcss/typography": "^0.5.15",
|
||||
"@types/node": "^18.15.12",
|
||||
"@types/react": "^18.0.37",
|
||||
"@types/react-dom": "^18.0.11",
|
||||
"@vitejs/plugin-react": "^4.7.0",
|
||||
"@tailwindcss/typography": "^0.5.19",
|
||||
"@types/node": "^25.0.3",
|
||||
"@types/react": "^19.2.7",
|
||||
"@types/react-dom": "^19.2.3",
|
||||
"@vitejs/plugin-react": "^5.1.2",
|
||||
"ajv": "^6.12.6",
|
||||
"autoprefixer": "^10.4.20",
|
||||
"cross-env": "^7.0.3",
|
||||
"daisyui": "^5.5.14",
|
||||
"electron": "^39.2.7",
|
||||
@@ -218,14 +217,14 @@
|
||||
"electron-vite": "^5.0.0",
|
||||
"globals": "^16.5.0",
|
||||
"postcss": "^8.4.49",
|
||||
"prettier": "^3.4.2",
|
||||
"prettier-plugin-tailwindcss": "^0.6.9",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"tailwindcss": "^3.4.17",
|
||||
"typescript": "^4.8.4",
|
||||
"vite": "^6.4.1",
|
||||
"vite-tsconfig-paths": "^6.0.0-beta.4"
|
||||
"prettier": "^3.7.4",
|
||||
"prettier-plugin-tailwindcss": "^0.7.2",
|
||||
"react": "^19.2.3",
|
||||
"react-dom": "^19.2.3",
|
||||
"tailwindcss": "^4.1.18",
|
||||
"typescript": "^4.9.5",
|
||||
"vite": "^7.3.0",
|
||||
"vite-tsconfig-paths": "^6.0.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"@radix-ui/react-dialog": "^1.1.4",
|
||||
@@ -233,9 +232,11 @@
|
||||
"@radix-ui/react-scroll-area": "^1.2.2",
|
||||
"@radix-ui/react-slot": "^1.1.1",
|
||||
"@radix-ui/react-toast": "^1.2.4",
|
||||
"@tailwindcss/postcss": "^4.1.18",
|
||||
"@tailwindcss/vite": "^4.1.18",
|
||||
"class-variance-authority": "^0.7.1",
|
||||
"clsx": "^2.1.1",
|
||||
"cmdk": "^1.0.4",
|
||||
"cmdk": "^1.1.1",
|
||||
"dotenv": "^16.4.7",
|
||||
"electron-is-dev": "^2.0.0",
|
||||
"electron-log": "^5.2.4",
|
||||
@@ -245,17 +246,16 @@
|
||||
"firebase": "^11.1.0",
|
||||
"gray-matter": "^4.0.3",
|
||||
"jotai": "^2.11.0",
|
||||
"lucide-react": "^0.469.0",
|
||||
"lucide-react": "^0.561.0",
|
||||
"posthog-js": "^1.203.2",
|
||||
"react-compare-slider": "^3.1.0",
|
||||
"react-error-boundary": "^6.0.0",
|
||||
"react-markdown": "^9.0.1",
|
||||
"react-resizable-panels": "^2.1.7",
|
||||
"react-select": "^5.9.0",
|
||||
"react-tooltip": "^5.28.0",
|
||||
"react-markdown": "^10.1.0",
|
||||
"react-resizable-panels": "^4.0.1",
|
||||
"react-select": "^5.10.2",
|
||||
"react-tooltip": "^5.30.0",
|
||||
"remark-gfm": "^4.0.0",
|
||||
"tailwind-merge": "^2.6.0",
|
||||
"tailwind-scrollbar": "^3.1.0",
|
||||
"tailwind-merge": "^3.4.0",
|
||||
"tailwindcss-animate": "^1.0.7",
|
||||
"theme-change": "^2.5.0"
|
||||
},
|
||||
|
||||
7784
pnpm-lock.yaml
generated
7784
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@@ -1,5 +0,0 @@
|
||||
onlyBuiltDependencies:
|
||||
- core-js
|
||||
- electron
|
||||
- esbuild
|
||||
- protobufjs
|
||||
@@ -1,6 +1,5 @@
|
||||
module.exports = {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
"@tailwindcss/postcss": {},
|
||||
},
|
||||
}
|
||||
};
|
||||
|
||||
@@ -18,7 +18,7 @@ const ImageViewer = ({
|
||||
}}
|
||||
draggable="false"
|
||||
alt=""
|
||||
className="h-full w-full bg-gradient-to-br from-base-300 to-base-100 object-contain"
|
||||
className="h-full w-full bg-linear-to-br from-base-300 to-base-100 object-contain"
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -53,12 +53,12 @@ const MoreOptionsDrawer = ({
|
||||
onDoubleClick={(e) => {
|
||||
e.stopPropagation();
|
||||
}}
|
||||
className={`fixed right-0 top-0 z-50 h-screen w-[28rem] bg-base-100 text-base-content shadow-xl shadow-base-300 transition-all duration-500 ${
|
||||
className={`fixed right-0 top-0 z-50 h-screen w-md bg-base-100 text-base-content shadow-xl shadow-base-300 transition-all duration-500 ${
|
||||
openSidebar ? "right-0" : "-right-full translate-x-full"
|
||||
}`}
|
||||
>
|
||||
<div
|
||||
className={`group absolute right-[100%] top-1/2 z-50 flex cursor-pointer items-center gap-2 rounded-btn rounded-r-none bg-base-100 p-4 transition-all duration-500`}
|
||||
className={`group absolute right-full top-1/2 z-50 flex cursor-pointer items-center gap-2 rounded-btn rounded-r-none bg-base-100 p-4 transition-all duration-500`}
|
||||
onClick={() => {
|
||||
setOpenSidebar(!openSidebar);
|
||||
}}
|
||||
|
||||
@@ -40,7 +40,7 @@ const SliderView = ({
|
||||
backgroundPosition: "0% 0%",
|
||||
transformOrigin: backgroundPosition,
|
||||
}}
|
||||
className={`h-full w-full bg-gradient-to-br from-base-300 to-base-100 transition-transform group-hover:scale-[${zoomAmount}%]`}
|
||||
className={`h-full w-full bg-linear-to-br from-base-300 to-base-100 transition-transform group-hover:scale-[${zoomAmount}%]`}
|
||||
/>
|
||||
</>
|
||||
}
|
||||
@@ -59,7 +59,7 @@ const SliderView = ({
|
||||
transformOrigin: backgroundPosition,
|
||||
}}
|
||||
onMouseMove={handleMouseMove}
|
||||
className={`h-full w-full bg-gradient-to-br from-base-300 to-base-100 transition-transform group-hover:scale-[${
|
||||
className={`h-full w-full bg-linear-to-br from-base-300 to-base-100 transition-transform group-hover:scale-[${
|
||||
zoomAmount || "100%"
|
||||
}%]`}
|
||||
/>
|
||||
|
||||
@@ -206,7 +206,7 @@ const Sidebar = ({
|
||||
className={`relative flex h-screen min-w-[350px] max-w-[350px] flex-col bg-base-100 ${showSidebar ? "" : "hidden"}`}
|
||||
>
|
||||
<button
|
||||
className="absolute -right-0 top-1/2 z-50 -translate-y-1/2 translate-x-1/2 rounded-full bg-base-100 p-4"
|
||||
className="absolute right-0 top-1/2 z-50 -translate-y-1/2 translate-x-1/2 rounded-full bg-base-100 p-4"
|
||||
onClick={() => setShowSidebar((prev) => !prev)}
|
||||
>
|
||||
<ChevronLeftIcon />
|
||||
|
||||
@@ -65,7 +65,7 @@ const SelectModelDialog = () => {
|
||||
return (
|
||||
<button
|
||||
key={modelId}
|
||||
className="btn !h-auto !w-full !flex-col !items-start !rounded-sm !p-4"
|
||||
className="btn h-auto! w-full! flex-col! items-start! rounded-sm! p-4!"
|
||||
onClick={() => handleModelSelect(modelId)}
|
||||
>
|
||||
<p className="font-semibold">
|
||||
|
||||
@@ -13,7 +13,7 @@ const Command = React.forwardRef<
|
||||
<CommandPrimitive
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
|
||||
"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
|
||||
className,
|
||||
)}
|
||||
{...props}
|
||||
@@ -27,7 +27,7 @@ const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
|
||||
return (
|
||||
<Dialog {...props}>
|
||||
<DialogContent className="overflow-hidden p-0 shadow-lg">
|
||||
<Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
|
||||
<Command className="**:[[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group]]:px-2 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3">
|
||||
{children}
|
||||
</Command>
|
||||
</DialogContent>
|
||||
@@ -44,7 +44,7 @@ const CommandInput = React.forwardRef<
|
||||
<CommandPrimitive.Input
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
|
||||
"placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
|
||||
className,
|
||||
)}
|
||||
{...props}
|
||||
@@ -60,7 +60,7 @@ const CommandList = React.forwardRef<
|
||||
>(({ className, ...props }, ref) => (
|
||||
<CommandPrimitive.List
|
||||
ref={ref}
|
||||
className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
|
||||
className={cn("max-h-[300px] overflow-x-hidden overflow-y-auto", className)}
|
||||
{...props}
|
||||
/>
|
||||
));
|
||||
@@ -87,7 +87,7 @@ const CommandGroup = React.forwardRef<
|
||||
<CommandPrimitive.Group
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
|
||||
"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium",
|
||||
className,
|
||||
)}
|
||||
{...props}
|
||||
@@ -102,7 +102,7 @@ const CommandSeparator = React.forwardRef<
|
||||
>(({ className, ...props }, ref) => (
|
||||
<CommandPrimitive.Separator
|
||||
ref={ref}
|
||||
className={cn("-mx-1 h-px bg-border", className)}
|
||||
className={cn("bg-border -mx-1 h-px", className)}
|
||||
{...props}
|
||||
/>
|
||||
));
|
||||
@@ -115,7 +115,7 @@ const CommandItem = React.forwardRef<
|
||||
<CommandPrimitive.Item
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent",
|
||||
"aria-selected:bg-accent relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none",
|
||||
className,
|
||||
)}
|
||||
{...props}
|
||||
@@ -131,7 +131,7 @@ const CommandShortcut = ({
|
||||
return (
|
||||
<span
|
||||
className={cn(
|
||||
"ml-auto text-xs tracking-widest text-muted-foreground",
|
||||
"text-muted-foreground ml-auto text-xs tracking-widest",
|
||||
className,
|
||||
)}
|
||||
{...props}
|
||||
|
||||
@@ -31,9 +31,9 @@ const ScrollBar = React.forwardRef<
|
||||
className={cn(
|
||||
"flex touch-none select-none transition-colors",
|
||||
orientation === "vertical" &&
|
||||
"h-full w-2.5 border-l border-l-transparent p-[1px]",
|
||||
"h-full w-2.5 border-l border-l-transparent p-px",
|
||||
orientation === "horizontal" &&
|
||||
"h-2.5 flex-col border-t border-t-transparent p-[1px]",
|
||||
"h-2.5 flex-col border-t border-t-transparent p-px",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
|
||||
@@ -14,7 +14,7 @@ const ToastViewport = React.forwardRef<
|
||||
<ToastPrimitives.Viewport
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
|
||||
"fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
|
||||
className,
|
||||
)}
|
||||
{...props}
|
||||
@@ -23,7 +23,7 @@ const ToastViewport = React.forwardRef<
|
||||
ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
|
||||
|
||||
const toastVariants = cva(
|
||||
"group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
|
||||
"group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x) data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x) data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
|
||||
{
|
||||
variants: {
|
||||
variant: {
|
||||
|
||||
@@ -17,7 +17,7 @@ createRoot(document.getElementById("root")!).render(
|
||||
<App />
|
||||
<Toaster />
|
||||
<Tooltip
|
||||
className="z-[999] max-w-sm break-words !bg-secondary"
|
||||
className="bg-secondary! z-999 max-w-sm wrap-break-word"
|
||||
id="tooltip"
|
||||
/>
|
||||
</PostHogProviderWrapper>
|
||||
|
||||
@@ -1,3 +1,9 @@
|
||||
@import "tailwindcss";
|
||||
@plugin "daisyui";
|
||||
@plugin "tailwindcss-animate";
|
||||
@plugin "@tailwindcss/typography";
|
||||
@config "../../tailwind.config.js";
|
||||
|
||||
@font-face {
|
||||
font-family: "Poppins";
|
||||
src: url("../fonts/poppins/Poppins-Regular.ttf");
|
||||
@@ -35,154 +41,66 @@
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
:root {
|
||||
--background: hsl(0 0% 100%);
|
||||
--foreground: hsl(222.2 84% 4.9%);
|
||||
|
||||
@layer base {
|
||||
* {
|
||||
@apply select-none border-border;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
}
|
||||
:root {
|
||||
--background: 0 0% 100%;
|
||||
--foreground: 222.2 84% 4.9%;
|
||||
--card: hsl(0 0% 100%);
|
||||
--card-foreground: hsl(222.2 84% 4.9%);
|
||||
|
||||
--card: 0 0% 100%;
|
||||
--card-foreground: 222.2 84% 4.9%;
|
||||
--popover: hsl(0 0% 100%);
|
||||
--popover-foreground: hsl(222.2 84% 4.9%);
|
||||
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 222.2 84% 4.9%;
|
||||
--primary: hsl(222.2 47.4% 11.2%);
|
||||
--primary-foreground: hsl(210 40% 98%);
|
||||
|
||||
--primary: 222.2 47.4% 11.2%;
|
||||
--primary-foreground: 210 40% 98%;
|
||||
--secondary: hsl(210 40% 96.1%);
|
||||
--secondary-foreground: hsl(222.2 47.4% 11.2%);
|
||||
|
||||
--secondary: 210 40% 96.1%;
|
||||
--secondary-foreground: 222.2 47.4% 11.2%;
|
||||
--muted: hsl(210 40% 96.1%);
|
||||
--muted-foreground: hsl(215.4 16.3% 46.9%);
|
||||
|
||||
--muted: 210 40% 96.1%;
|
||||
--muted-foreground: 215.4 16.3% 46.9%;
|
||||
--accent: hsl(210 40% 96.1%);
|
||||
--accent-foreground: hsl(222.2 47.4% 11.2%);
|
||||
|
||||
--accent: 210 40% 96.1%;
|
||||
--accent-foreground: 222.2 47.4% 11.2%;
|
||||
--destructive: hsl(0 84.2% 60.2%);
|
||||
--destructive-foreground: hsl(210 40% 98%);
|
||||
|
||||
--destructive: 0 84.2% 60.2%;
|
||||
--destructive-foreground: 210 40% 98%;
|
||||
--border: hsl(214.3 31.8% 91.4%);
|
||||
--input: hsl(214.3 31.8% 91.4%);
|
||||
--ring: hsl(222.2 84% 4.9%);
|
||||
|
||||
--border: 214.3 31.8% 91.4%;
|
||||
--input: 214.3 31.8% 91.4%;
|
||||
--ring: 222.2 84% 4.9%;
|
||||
|
||||
--radius: 0.5rem;
|
||||
}
|
||||
|
||||
.dark {
|
||||
--background: 222.2 84% 4.9%;
|
||||
--foreground: 210 40% 98%;
|
||||
|
||||
--card: 222.2 84% 4.9%;
|
||||
--card-foreground: 210 40% 98%;
|
||||
|
||||
--popover: 222.2 84% 4.9%;
|
||||
--popover-foreground: 210 40% 98%;
|
||||
|
||||
--primary: 210 40% 98%;
|
||||
--primary-foreground: 222.2 47.4% 11.2%;
|
||||
|
||||
--secondary: 217.2 32.6% 17.5%;
|
||||
--secondary-foreground: 210 40% 98%;
|
||||
|
||||
--muted: 217.2 32.6% 17.5%;
|
||||
--muted-foreground: 215 20.2% 65.1%;
|
||||
|
||||
--accent: 217.2 32.6% 17.5%;
|
||||
--accent-foreground: 210 40% 98%;
|
||||
|
||||
--destructive: 0 62.8% 30.6%;
|
||||
--destructive-foreground: 210 40% 98%;
|
||||
|
||||
--border: 217.2 32.6% 17.5%;
|
||||
--input: 217.2 32.6% 17.5%;
|
||||
--ring: 212.7 26.8% 83.9%;
|
||||
}
|
||||
.hide-scrollbar::-webkit-scrollbar-track {
|
||||
@apply bg-transparent;
|
||||
}
|
||||
|
||||
.hide-scrollbar::-webkit-scrollbar-thumb {
|
||||
@apply bg-transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
@apply w-3;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
@apply rounded-full bg-base-300/30;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
@apply rounded-full bg-base-content/20;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
@apply rounded-full bg-base-content/50;
|
||||
}
|
||||
--radius: hsl(0.5rem);
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
.animate {
|
||||
@apply transition-all duration-300 ease-in-out;
|
||||
}
|
||||
.step-heading {
|
||||
@apply mb-2 font-semibold;
|
||||
}
|
||||
.dark {
|
||||
--background: hsl(222.2 84% 4.9%);
|
||||
--foreground: hsl(210 40% 98%);
|
||||
|
||||
.react-select-container {
|
||||
@apply w-40;
|
||||
}
|
||||
.full-width {
|
||||
@apply w-full;
|
||||
}
|
||||
.react-select-container .react-select__control {
|
||||
@apply h-12 cursor-pointer rounded-btn !border-0 !border-none !border-transparent bg-primary shadow-none;
|
||||
}
|
||||
--card: hsl(222.2 84% 4.9%);
|
||||
--card-foreground: hsl(210 40% 98%);
|
||||
|
||||
.react-select-container .react-select__control--menu-is-open {
|
||||
@apply bg-primary text-primary-content;
|
||||
}
|
||||
--popover: hsl(222.2 84% 4.9%);
|
||||
--popover-foreground: hsl(210 40% 98%);
|
||||
|
||||
.react-select-container .react-select__single-value {
|
||||
@apply text-sm font-semibold uppercase text-primary-content;
|
||||
}
|
||||
--primary: hsl(210 40% 98%);
|
||||
--primary-foreground: hsl(222.2 47.4% 11.2%);
|
||||
|
||||
.react-select-container .react-select__input-container {
|
||||
@apply text-sm font-semibold uppercase text-primary-content;
|
||||
}
|
||||
--secondary: hsl(217.2 32.6% 17.5%);
|
||||
--secondary-foreground: hsl(210 40% 98%);
|
||||
|
||||
.react-select-container .react-select__menu {
|
||||
@apply rounded-lg bg-primary p-1 text-sm font-semibold uppercase;
|
||||
}
|
||||
--muted: hsl(217.2 32.6% 17.5%);
|
||||
--muted-foreground: hsl(215 20.2% 65.1%);
|
||||
|
||||
.react-select-container .react-select__option {
|
||||
@apply my-1 cursor-pointer break-all rounded-md bg-primary text-primary-content hover:bg-primary-content/20 hover:text-primary-content;
|
||||
}
|
||||
--accent: hsl(217.2 32.6% 17.5%);
|
||||
--accent-foreground: hsl(210 40% 98%);
|
||||
|
||||
.react-select-container .react-select__option--is-selected {
|
||||
@apply bg-accent text-accent-content;
|
||||
}
|
||||
--destructive: hsl(0 62.8% 30.6%);
|
||||
--destructive-foreground: hsl(210 40% 98%);
|
||||
|
||||
.outline-title {
|
||||
text-shadow:
|
||||
0px 0px 10px rgba(255, 255, 255, 0.5),
|
||||
0px 0px 10px rgba(255, 255, 255, 1);
|
||||
}
|
||||
.outline-title-none {
|
||||
text-shadow: none;
|
||||
}
|
||||
--border: hsl(217.2 32.6% 17.5%);
|
||||
--input: hsl(217.2 32.6% 17.5%);
|
||||
--ring: hsl(212.7 26.8% 83.9%);
|
||||
}
|
||||
|
||||
.zoom-100 {
|
||||
@@ -205,34 +123,6 @@
|
||||
animation: animate-step-in 0.6s cubic-bezier(0.07, 0.43, 0.02, 1);
|
||||
}
|
||||
|
||||
[data-theme="upscayl"] .btn {
|
||||
@apply h-10 !min-h-min px-3 py-2 font-medium normal-case;
|
||||
}
|
||||
|
||||
[data-theme="upscayl"] input[type="range"] {
|
||||
@apply rounded-full;
|
||||
}
|
||||
|
||||
[data-theme="upscayl"] .react-select-container .react-select__control {
|
||||
@apply h-10 cursor-pointer rounded-btn !border-0 !border-none !border-transparent bg-primary shadow-none;
|
||||
}
|
||||
|
||||
[data-theme="upscayl"] .react-select-container .react-select__single-value {
|
||||
@apply font-medium normal-case text-primary-content;
|
||||
}
|
||||
|
||||
[data-theme="upscayl"] .react-select-container .react-select__input-container {
|
||||
@apply text-xs font-medium normal-case text-primary-content;
|
||||
}
|
||||
|
||||
[data-theme="upscayl"] .react-select-container .react-select__menu {
|
||||
@apply rounded-lg bg-primary p-1 font-medium normal-case;
|
||||
}
|
||||
|
||||
.__rcs-handle-button {
|
||||
@apply border-white;
|
||||
}
|
||||
|
||||
.mac-titlebar {
|
||||
-webkit-app-region: drag;
|
||||
}
|
||||
@@ -304,3 +194,118 @@
|
||||
-webkit-transform: perspective(120px) rotateX(-360deg) rotateY(-359.9deg);
|
||||
}
|
||||
}
|
||||
/*
|
||||
@layer base {
|
||||
* {
|
||||
@apply border-border select-none;
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
}
|
||||
|
||||
.hide-scrollbar::-webkit-scrollbar-track {
|
||||
@apply bg-transparent;
|
||||
}
|
||||
|
||||
.hide-scrollbar::-webkit-scrollbar-thumb {
|
||||
@apply bg-transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
@apply w-2;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
@apply bg-base-300/30 rounded-full;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
@apply bg-base-content/20 rounded-full;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
@apply bg-base-content/50 rounded-full;
|
||||
}
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
.animate {
|
||||
@apply transition-all duration-300 ease-in-out;
|
||||
}
|
||||
.step-heading {
|
||||
@apply mb-2 font-semibold;
|
||||
}
|
||||
.react-select-container {
|
||||
@apply w-40;
|
||||
}
|
||||
.full-width {
|
||||
@apply w-full;
|
||||
}
|
||||
.react-select-container .react-select__control {
|
||||
@apply rounded-btn bg-primary h-12 cursor-pointer !border-0 !border-none !border-transparent shadow-none;
|
||||
}
|
||||
|
||||
.react-select-container .react-select__control--menu-is-open {
|
||||
@apply bg-primary text-primary-content;
|
||||
}
|
||||
|
||||
.react-select-container .react-select__single-value {
|
||||
@apply text-primary-content text-sm font-semibold uppercase;
|
||||
}
|
||||
|
||||
.react-select-container .react-select__input-container {
|
||||
@apply text-primary-content text-sm font-semibold uppercase;
|
||||
}
|
||||
|
||||
.react-select-container .react-select__menu {
|
||||
@apply bg-primary rounded-lg p-1 text-sm font-semibold uppercase;
|
||||
}
|
||||
|
||||
.react-select-container .react-select__option {
|
||||
@apply bg-primary text-primary-content hover:bg-primary-content/20 hover:text-primary-content my-1 cursor-pointer rounded-md break-all;
|
||||
}
|
||||
|
||||
.react-select-container .react-select__option--is-selected {
|
||||
@apply bg-accent text-accent-content;
|
||||
}
|
||||
|
||||
.outline-title {
|
||||
text-shadow:
|
||||
0px 0px 10px rgba(255, 255, 255, 0.5),
|
||||
0px 0px 10px rgba(255, 255, 255, 1);
|
||||
}
|
||||
.outline-title-none {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
[data-theme="upscayl"] .btn {
|
||||
@apply h-10 !min-h-min px-3 py-2 font-medium normal-case;
|
||||
}
|
||||
|
||||
[data-theme="upscayl"] input[type="range"] {
|
||||
@apply rounded-full;
|
||||
}
|
||||
|
||||
[data-theme="upscayl"] .react-select-container .react-select__control {
|
||||
@apply rounded-btn bg-primary h-10 cursor-pointer !border-0 !border-none !border-transparent shadow-none;
|
||||
}
|
||||
|
||||
[data-theme="upscayl"] .react-select-container .react-select__single-value {
|
||||
@apply text-primary-content font-medium normal-case;
|
||||
}
|
||||
|
||||
[data-theme="upscayl"]
|
||||
.react-select-container
|
||||
.react-select__input-container {
|
||||
@apply text-primary-content text-xs font-medium normal-case;
|
||||
}
|
||||
|
||||
[data-theme="upscayl"] .react-select-container .react-select__menu {
|
||||
@apply bg-primary rounded-lg p-1 font-medium normal-case;
|
||||
}
|
||||
|
||||
.__rcs-handle-button {
|
||||
@apply border-white;
|
||||
}
|
||||
} */
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
// const daisyuiColorObj = require("daisyui/src/theming/themes");
|
||||
// import daisyuiColorObj from "daisyui/src/theming/themes";
|
||||
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
export default {
|
||||
darkMode: ["class"],
|
||||
content: [
|
||||
"./renderer/**/*.{js,ts,jsx,tsx}",
|
||||
@@ -19,6 +18,8 @@ module.exports = {
|
||||
animation: {
|
||||
marquee: "marquee 25s linear infinite",
|
||||
marquee2: "marquee2 25s linear infinite",
|
||||
"accordion-down": "accordion-down 0.2s ease-out",
|
||||
"accordion-up": "accordion-up 0.2s ease-out",
|
||||
},
|
||||
keyframes: {
|
||||
marquee: {
|
||||
@@ -29,6 +30,14 @@ module.exports = {
|
||||
"0%": { transform: "translateX(100%)" },
|
||||
"100%": { transform: "translateX(0%)" },
|
||||
},
|
||||
"accordion-down": {
|
||||
from: { height: "0" },
|
||||
to: { height: "var(--radix-accordion-content-height)" },
|
||||
},
|
||||
"accordion-up": {
|
||||
from: { height: "var(--radix-accordion-content-height)" },
|
||||
to: { height: "0" },
|
||||
},
|
||||
},
|
||||
container: {
|
||||
center: true,
|
||||
@@ -40,122 +49,106 @@ module.exports = {
|
||||
spacing: {
|
||||
128: "28rem",
|
||||
},
|
||||
colors: {
|
||||
// border: daisyuiColorObj["primary"],
|
||||
// input: daisyuiColorObj["base-content"],
|
||||
// ring: daisyuiColorObj["base-content"],
|
||||
// background: daisyuiColorObj["base-100"],
|
||||
// foreground: daisyuiColorObj["base-content"],
|
||||
// primary: {
|
||||
// DEFAULT: daisyuiColorObj["primary"],
|
||||
// foreground: daisyuiColorObj["primary-content"],
|
||||
// },
|
||||
// secondary: {
|
||||
// DEFAULT: daisyuiColorObj["secondary"],
|
||||
// foreground: daisyuiColorObj["secondary-content"],
|
||||
// },
|
||||
// destructive: {
|
||||
// DEFAULT: daisyuiColorObj["error"],
|
||||
// foreground: daisyuiColorObj["error-content"],
|
||||
// },
|
||||
// muted: {
|
||||
// DEFAULT: daisyuiColorObj["base-300"],
|
||||
// foreground: daisyuiColorObj["base-content"],
|
||||
// },
|
||||
// accent: {
|
||||
// DEFAULT: daisyuiColorObj["accent"],
|
||||
// foreground: daisyuiColorObj["accent-content"],
|
||||
// },
|
||||
// popover: {
|
||||
// DEFAULT: daisyuiColorObj["base-100"],
|
||||
// foreground: daisyuiColorObj["base-content"],
|
||||
// },
|
||||
// card: {
|
||||
// DEFAULT: daisyuiColorObj["base-100"],
|
||||
// foreground: daisyuiColorObj["base-content"],
|
||||
// },
|
||||
},
|
||||
borderRadius: {
|
||||
lg: "var(--rounded-btn)",
|
||||
md: "calc(var(--rounded-btn) - 2px)",
|
||||
sm: "calc(var(--rounded-btn) - 4px)",
|
||||
},
|
||||
keyframes: {
|
||||
"accordion-down": {
|
||||
from: { height: "0" },
|
||||
to: { height: "var(--radix-accordion-content-height)" },
|
||||
},
|
||||
"accordion-up": {
|
||||
from: { height: "var(--radix-accordion-content-height)" },
|
||||
to: { height: "0" },
|
||||
},
|
||||
},
|
||||
animation: {
|
||||
"accordion-down": "accordion-down 0.2s ease-out",
|
||||
"accordion-up": "accordion-up 0.2s ease-out",
|
||||
},
|
||||
// colors: {
|
||||
// border: daisyuiColorObj["primary"],
|
||||
// input: daisyuiColorObj["base-content"],
|
||||
// ring: daisyuiColorObj["base-content"],
|
||||
// background: daisyuiColorObj["base-100"],
|
||||
// foreground: daisyuiColorObj["base-content"],
|
||||
// primary: {
|
||||
// DEFAULT: daisyuiColorObj["primary"],
|
||||
// foreground: daisyuiColorObj["primary-content"],
|
||||
// },
|
||||
// secondary: {
|
||||
// DEFAULT: daisyuiColorObj["secondary"],
|
||||
// foreground: daisyuiColorObj["secondary-content"],
|
||||
// },
|
||||
// destructive: {
|
||||
// DEFAULT: daisyuiColorObj["error"],
|
||||
// foreground: daisyuiColorObj["error-content"],
|
||||
// },
|
||||
// muted: {
|
||||
// DEFAULT: daisyuiColorObj["base-300"],
|
||||
// foreground: daisyuiColorObj["base-content"],
|
||||
// },
|
||||
// accent: {
|
||||
// DEFAULT: daisyuiColorObj["accent"],
|
||||
// foreground: daisyuiColorObj["accent-content"],
|
||||
// },
|
||||
// popover: {
|
||||
// DEFAULT: daisyuiColorObj["base-100"],
|
||||
// foreground: daisyuiColorObj["base-content"],
|
||||
// },
|
||||
// card: {
|
||||
// DEFAULT: daisyuiColorObj["base-100"],
|
||||
// foreground: daisyuiColorObj["base-content"],
|
||||
// },
|
||||
// },
|
||||
// borderRadius: {
|
||||
// lg: daisyuiColorObj["--rounded-btn"],
|
||||
// md: Number(daisyuiColorObj["--rounded-btn"]) - 2 + "px",
|
||||
// sm: Number(daisyuiColorObj["--rounded-btn"]) - 4 + "px",
|
||||
// },
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
require("daisyui"),
|
||||
require("tailwindcss-animate"),
|
||||
require("tailwind-scrollbar"),
|
||||
require("@tailwindcss/typography"),
|
||||
//require("daisyui"),
|
||||
// require("tailwind-scrollbar"),
|
||||
],
|
||||
daisyui: {
|
||||
darkTheme: "upscayl",
|
||||
themes: [
|
||||
{
|
||||
upscayl: {
|
||||
primary: "#334155",
|
||||
secondary: "#4f46e5",
|
||||
accent: "#6d28d9",
|
||||
neutral: "#475569",
|
||||
"base-100": "#1e293b",
|
||||
"base-200": "#0f172a",
|
||||
"base-300": "#020617",
|
||||
"--rounded-btn": "2rem", // border radius rounded-btn utility class, used in buttons and similar element
|
||||
"--rounded-badge": "2rem", // border radius rounded-badge utility class, used in badges and similar
|
||||
"--animation-btn": "0.5s", // duration of animation when you click on button
|
||||
"--animation-input": "0.5s", // duration of animation for inputs like checkbox, toggle, radio, etc
|
||||
"--btn-text-case": "uppercase", // set default text transform for buttons
|
||||
"--btn-focus-scale": "0.95", // scale transform of button when you focus on it
|
||||
"--border-btn": "1px", // border width of buttons
|
||||
"--tab-border": "1px", // border width of tabs
|
||||
"--tab-radius": "0.5rem", // border radius of tabs
|
||||
},
|
||||
},
|
||||
"light",
|
||||
"dark",
|
||||
"cupcake",
|
||||
"bumblebee",
|
||||
"emerald",
|
||||
"corporate",
|
||||
"synthwave",
|
||||
"retro",
|
||||
"cyberpunk",
|
||||
"valentine",
|
||||
"halloween",
|
||||
"garden",
|
||||
"forest",
|
||||
"aqua",
|
||||
"lofi",
|
||||
"pastel",
|
||||
"fantasy",
|
||||
"wireframe",
|
||||
"black",
|
||||
"luxury",
|
||||
"dracula",
|
||||
"cmyk",
|
||||
"autumn",
|
||||
"business",
|
||||
"acid",
|
||||
"lemonade",
|
||||
"night",
|
||||
"coffee",
|
||||
"winter",
|
||||
],
|
||||
},
|
||||
// daisyui: {
|
||||
// darkTheme: "upscayl",
|
||||
// themes: [
|
||||
// {
|
||||
// upscayl: {
|
||||
// primary: "#334155",
|
||||
// secondary: "#4f46e5",
|
||||
// accent: "#6d28d9",
|
||||
// neutral: "#475569",
|
||||
// "base-100": "#1e293b",
|
||||
// "base-200": "#0f172a",
|
||||
// "base-300": "#020617",
|
||||
// "--rounded-btn": "2rem", // border radius rounded-btn utility class, used in buttons and similar element
|
||||
// "--rounded-badge": "2rem", // border radius rounded-badge utility class, used in badges and similar
|
||||
// "--animation-btn": "0.5s", // duration of animation when you click on button
|
||||
// "--animation-input": "0.5s", // duration of animation for inputs like checkbox, toggle, radio, etc
|
||||
// "--btn-text-case": "uppercase", // set default text transform for buttons
|
||||
// "--btn-focus-scale": "0.95", // scale transform of button when you focus on it
|
||||
// "--border-btn": "1px", // border width of buttons
|
||||
// "--tab-border": "1px", // border width of tabs
|
||||
// "--tab-radius": "0.5rem", // border radius of tabs
|
||||
// },
|
||||
// },
|
||||
// "light",
|
||||
// "dark",
|
||||
// "cupcake",
|
||||
// "bumblebee",
|
||||
// "emerald",
|
||||
// "corporate",
|
||||
// "synthwave",
|
||||
// "retro",
|
||||
// "cyberpunk",
|
||||
// "valentine",
|
||||
// "halloween",
|
||||
// "garden",
|
||||
// "forest",
|
||||
// "aqua",
|
||||
// "lofi",
|
||||
// "pastel",
|
||||
// "fantasy",
|
||||
// "wireframe",
|
||||
// "black",
|
||||
// "luxury",
|
||||
// "dracula",
|
||||
// "cmyk",
|
||||
// "autumn",
|
||||
// "business",
|
||||
// "acid",
|
||||
// "lemonade",
|
||||
// "night",
|
||||
// "coffee",
|
||||
// "winter",
|
||||
// ],
|
||||
// },
|
||||
};
|
||||
|
||||
// @layer base {
|
||||
|
||||
Reference in New Issue
Block a user