diff --git a/page/src/App.css b/page/src/App.css index 7a9f3171..7759b875 100644 --- a/page/src/App.css +++ b/page/src/App.css @@ -35,7 +35,8 @@ button { } button.fancy.bg-primary, -button.fancy.bg-secondary { +button.fancy.bg-secondary, +button.fancy.bg-destructive { transition: all 0.2s ease; } @@ -58,6 +59,25 @@ button.fancy.bg-primary:hover { border: 1px solid rgb(33, 33, 34); } +button.fancy.bg-destructive { + background: linear-gradient( + 180deg, + rgb(202, 23, 23) 0%, + rgb(176, 40, 9) 100% + ); + border: 1px solid rgb(134, 30, 6); + text-shadow: rgba(0, 0, 0, 0.2) 0px 1px; +} + +button.fancy.bg-destructive:hover { + background: linear-gradient( + 180deg, + rgb(210, 30, 29) 0%, + rgb(184, 47, 15) 100% + ); + border: 1px solid rgb(33, 33, 34); +} + button.fancy.bg-secondary { background: linear-gradient(180deg, rgb(38, 38, 39) 0%, rgb(34, 34, 35) 100%); border: 1px solid rgb(42, 42, 44); diff --git a/page/src/components/folder.tsx b/page/src/components/folder.tsx index 5dc8e500..c675a1de 100644 --- a/page/src/components/folder.tsx +++ b/page/src/components/folder.tsx @@ -101,7 +101,7 @@ function renderElement(element: FolderElement, props: FolderProps) { return (
props.clickHandler(element)} - className="folder-element select-none flex flex-col gap-2 items-center text-center text-xs p-2 m-2 w-27 h-25 rounded-lg border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50" + className="folder-element cursor-default select-none flex flex-col gap-2 items-center text-center text-xs p-2 m-2 w-27 h-25 rounded-lg border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50" > {renderIcon(element, props.iconReader)} diff --git a/page/src/filesystem-explorer.tsx b/page/src/filesystem-explorer.tsx index ef8b63ab..4a3f3b1f 100644 --- a/page/src/filesystem-explorer.tsx +++ b/page/src/filesystem-explorer.tsx @@ -445,6 +445,7 @@ export class FilesystemExplorer extends React.Component<