diff --git a/apps/client/src/features/editors/welcome/Welcome.module.scss b/apps/client/src/features/editors/welcome/Welcome.module.scss index 22b3249f6..2696135de 100644 --- a/apps/client/src/features/editors/welcome/Welcome.module.scss +++ b/apps/client/src/features/editors/welcome/Welcome.module.scss @@ -24,6 +24,10 @@ display: flex; gap: 1rem; justify-content: end; + + :first-child { + margin-right: auto; + } } .tableContainer { @@ -38,14 +42,20 @@ tbody { background-color: $gray-1300; tr { - &:has(:hover) { + &:hover:not(.current) { background-color: $gray-1350; } + .current { + &:hover { + background-color: $blue-900; + } + } } } tr { height: 2rem; + cursor: pointer; } th, @@ -62,4 +72,8 @@ .current { background-color: $blue-700; + + &:hover { + background-color: $blue-900; + } } diff --git a/apps/client/src/features/editors/welcome/Welcome.tsx b/apps/client/src/features/editors/welcome/Welcome.tsx index ca8299f4f..3053584a6 100644 --- a/apps/client/src/features/editors/welcome/Welcome.tsx +++ b/apps/client/src/features/editors/welcome/Welcome.tsx @@ -5,6 +5,7 @@ import { loadDemo, loadProject } from '../../../common/api/db'; import { invalidateAllCaches } from '../../../common/api/utils'; import ExternalLink from '../../../common/components/external-link/ExternalLink'; import { appVersion, discordUrl, documentationUrl, websiteUrl } from '../../../externals'; +import * as Editor from '../editor-utils/EditorUtils'; import ImportProjectButton from './composite/ImportProjectButton'; import WelcomeProjectList from './composite/WelcomeProjectList'; @@ -68,30 +69,29 @@ export default function Welcome(props: WelcomeProps) {
| Project Name | Last Used | -
|---|