Lightemerald/windows-user-space-emulator
2
0
Fork 0
mirror of https://github.com/momo5502/emulator.git synced 2026-01-18 03:13:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Small style fixes

Browse Source
This commit is contained in:
momo5502
2025-05-01 09:29:21 +02:00
parent 7064a1fe04
commit 9d0680352a
3 changed files with 31 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
page/src/App.css
View File

@@ -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);

2
page/src/components/folder.tsx
View File

@@ -101,7 +101,7 @@ function renderElement(element: FolderElement, props: FolderProps) {
return (
<div
onClick={() => 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)}
<span className="whitespace-nowrap text-ellipsis overflow-hidden w-20">

11
page/src/filesystem-explorer.tsx
View File

@@ -445,6 +445,7 @@ export class FilesystemExplorer extends React.Component<
<DialogFooter>
<Button
variant="destructive"
className="fancy rounded-lg"
onClick={() => this.setState({ errorText: "" })}
>
Ok
@@ -475,6 +476,7 @@ export class FilesystemExplorer extends React.Component<
<DialogFooter>
<Button
variant="destructive"
className="fancy rounded-lg"
onClick={() => {
const file = makeFullPathWithState(
this.state,
@@ -486,10 +488,11 @@ export class FilesystemExplorer extends React.Component<
.then(() => this.forceUpdate());
}}
>
Ok
Delete
</Button>
<Button
variant="secondary"
className="fancy rounded-lg"
onClick={() => {
this.setState({ removeFile: "" });
}}
@@ -521,15 +524,17 @@ export class FilesystemExplorer extends React.Component<
<DialogFooter>
<Button
variant="destructive"
className="fancy rounded-lg"
onClick={() => {
this.setState({ resetFilesys: false });
this.props.resetFilesys();
}}
>
Ok
Reset
</Button>
<Button
variant="secondary"
className="fancy rounded-lg"
onClick={() => {
this.setState({ resetFilesys: false });
}}
@@ -593,6 +598,8 @@ export class FilesystemExplorer extends React.Component<
<Button
onClick={() => this.setState({ resetFilesys: true })}
variant="destructive"
size="sm"
className="fancy rounded-lg"
>
Reset
</Button>