Edit widget base two column layout

This commit is contained in:
Kalle
2026-09-06 14:25:25 +03:00
parent da840f4e21
commit ee9e3a9b50
3 changed files with 17 additions and 1 deletions

View File

@@ -43,6 +43,15 @@
.grid {
grid-template-columns: 1fr 1fr;
}
.selected {
position: sticky;
top: var(--layout-sticky-top);
align-self: start;
max-height: calc(100dvh - var(--layout-sticky-top) - var(--s-4));
overflow-y: auto;
scrollbar-gutter: stable;
}
}
.available,

View File

@@ -73,6 +73,8 @@ export const handle: SendouRouteHandle = {
},
};
const WIDE_LAYOUT_SUB_PAGES = ["results", "edit-widgets"];
export default function UserPageLayout() {
const data = useLoaderData<typeof loader>();
const user = useUser();
@@ -137,7 +139,11 @@ export default function UserPageLayout() {
];
return (
<Main bigger={location.pathname.includes("results")}>
<Main
bigger={WIDE_LAYOUT_SUB_PAGES.some((subPage) =>
location.pathname.includes(subPage),
)}
>
<Outlet context={{ navItems }} />
</Main>
);

View File

@@ -7,6 +7,7 @@ New user profile page now out for everyone and the default
- Default layout roughly equivalent to old page: weapon pool, X Rank peaks, badges, bio, teams, sensitivity and member number
- Customize the widgets to build your own personal page
- Edit widget page now show icons of the page they relate to on the widget editing page
- Edit widget page has new 2 column layout for desktop
- Leaving the widget editor with unsaved changes will now warn you
- Still Supporter exclusive: custom colors and some widgets (markdown bio, links, favorite stage, game badges, unverified peak XP and supporter since). Supporters also get more widget slots: 6 main and 7 side instead of 4 and 5.
- Bios written in markdown now render formatted on the Plus Server voting page too