cC8T_EgxhkfHR;6!>F9qZ;n-N)TU}q_5%y1R8?+w) literal 0 HcmV?d00001 diff --git a/src/components/Sidebar/Sidebar.module.css b/src/components/Sidebar/Sidebar.module.css index a0926be..c275504 100644 --- a/src/components/Sidebar/Sidebar.module.css +++ b/src/components/Sidebar/Sidebar.module.css @@ -34,11 +34,8 @@ .socials > .link { height: 20px; -} - -.socials > .link > svg { - height: 100%; color: var(--primary); + cursor: pointer; } .menus { diff --git a/src/components/Sidebar/index.tsx b/src/components/Sidebar/index.tsx index 4f3a60b..45725bb 100644 --- a/src/components/Sidebar/index.tsx +++ b/src/components/Sidebar/index.tsx @@ -1,5 +1,4 @@ import styles from "./Sidebar.module.css"; -import { DiscordIcon, TwitterIcon, GithubIcon, HomeIcon, QueueIcon, MarketplaceIcon } from "@app/assets/Icons"; import SidebarMenuButton from "./SidebarMenuButton"; import { NavLink } from "react-router-dom"; import ProfilesList from "./Profiles/List"; @@ -7,6 +6,18 @@ import QueueStore from "@app/tasks/queue"; import { useOfflineStatus } from "@app/hooks/useOfflineStatus"; import useMarketIndex from "@app/hooks/useMarketIndex"; import { settingsManager } from "@app/settings"; +import { askOpenUrl } from "@app/utils/safeUrl"; + +import { + DiscordIcon, + TwitterIcon, + GithubIcon, + HomeIcon, + QueueIcon, + MarketplaceIcon, + YoutubeIcon, + RedditIcon +} from "@app/assets/Icons"; const Sidebar: React.FC = () => { const offlineStatus = useOfflineStatus(); @@ -55,9 +66,6 @@ const Sidebar: React.FC = () => {
; diff --git a/src/components/TitleBar/index.tsx b/src/components/TitleBar/index.tsx index c594b73..004af99 100644 --- a/src/components/TitleBar/index.tsx +++ b/src/components/TitleBar/index.tsx @@ -4,7 +4,7 @@ import { CloseIcon, MinimizeIcon } from "@app/assets/Icons"; import { TryCloseDialog } from "@app/dialogs/Dialogs/TryCloseDialog"; import { useCurrentTask } from "@app/tasks"; import { createAndShowDialog } from "@app/dialogs"; -import YARCLogo from "@app/assets/YARC.svg?react"; +import YARCLogo from "@app/assets/YARCLong.svg?react"; import { useEffect, useState } from "react"; import { getVersion } from "@tauri-apps/api/app"; diff --git a/src/routes/Home/Home.module.css b/src/routes/Home/Home.module.css index 0754218..1f32ad2 100644 --- a/src/routes/Home/Home.module.css +++ b/src/routes/Home/Home.module.css @@ -1,8 +1,52 @@ +.container { + display: flex; + flex-direction: column; + align-items: flex-start; +} + +.banner { + display: flex; + height: 290px; + align-items: center; + justify-content: center; + gap: 20px; + align-self: stretch; + flex-direction: column; + + background: #05060B; +} + +.banner > img { + width: 150px; + height: 150px; +} + +.socials { + display: flex; + flex-direction: row; + gap: 15px; +} + +.socials > svg { + height: 25px; + cursor: pointer; + + color: #434663; + transition: color 250ms; +} + +.socials > svg:hover { + color: white; +} + .content { + align-self: stretch; + display: flex; flex-direction: row; align-items: flex-start; gap: 25px; + flex: 1 0 0; padding: 24px; } diff --git a/src/routes/Home/index.tsx b/src/routes/Home/index.tsx index 4e68cec..c85ee0d 100644 --- a/src/routes/Home/index.tsx +++ b/src/routes/Home/index.tsx @@ -1,9 +1,24 @@ import styles from "./Home.module.css"; import NewsSection from "@app/components/NewsSection"; +import YARCLogo from "@app/assets/YARCSquare.png"; +import { askOpenUrl } from "@app/utils/safeUrl"; +import { DiscordIcon, GithubIcon, RedditIcon, TwitterIcon, YoutubeIcon } from "@app/assets/Icons"; function Home() { - return