Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fixing ugly stuff #1724

Merged
merged 1 commit into from
Feb 1, 2024
Merged

fixing ugly stuff #1724

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion packages/design-system/src/MetaTile.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,8 +84,10 @@ export const MetaTile = React.forwardRef<
>
<Flex
direction="column"
bgColor="whiteAlpha.200"
bgColor="#FFFFFF0A"
backdropFilter="blur(7px)"
borderTop="1px solid #2B2244"
borderLeft="1px solid #2B2244"
rounded="lg"
p={6}
maxW="26rem" // (2 / 3.5) = ~0.571 aspect ratio desired
Expand Down
3 changes: 0 additions & 3 deletions packages/web/components/Dashboard/DashboardSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import { Calendar } from 'components/Dashboard/Calendar';
import { LatestContent } from 'components/Dashboard/LatestContent';
import { Leaderboard } from 'components/Dashboard/Leaderboard';
import { Seed } from 'components/Dashboard/Seed';
// import { XP } from 'components/Dashboard/XP';
import { CustomTextSection } from 'components/Section/CustomTextSection';
import { EmbeddedUrl } from 'components/Section/EmbeddedUrlSection';
import { Player } from 'graphql/autogen/types';
Expand Down Expand Up @@ -32,8 +31,6 @@ const DashboardSectionInner: React.FC<Props> = ({
switch (type) {
case BoxTypes.DASHBOARD_LASTEST_CONTENT:
return <LatestContent />;
// case BoxTypes.DASHBOARD_XP_INFO:
// return <XP />;
case BoxTypes.DASHBOARD_SEEDS_INFO:
return <Seed />;
case BoxTypes.DASHBOARD_CALENDER:
Expand Down
9 changes: 3 additions & 6 deletions packages/web/components/Dashboard/config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,21 +13,19 @@ export const podcastRSSURL = 'https://anchor.fm/s/57a641c/podcast/rss';
const DEFAULT_BOX_POSITIONS: Record<ChakraSize, Positions> = {
lg: {
[BoxTypes.DASHBOARD_LASTEST_CONTENT]: { x: 1, y: 0 },
[BoxTypes.DASHBOARD_XP_INFO]: { x: 2, y: 0 },
[BoxTypes.DASHBOARD_SEEDS_INFO]: { x: 0, y: 0 },
[BoxTypes.DASHBOARD_CALENDER]: { x: 0, y: 2 },
[BoxTypes.DASHBOARD_SEEDS_INFO]: { x: 0, y:1 },
[BoxTypes.DASHBOARD_CALENDER]: { x: 0, y: 0 },
[BoxTypes.DASHBOARD_LEADERBOARD]: { x: 2, y: 2 },
[BoxTypes.DASHBOARD_PINNED_QUEST_CHAINS]: { x: 2, y: 1 }
},
md: {
[BoxTypes.DASHBOARD_LASTEST_CONTENT]: { x: 0, y: 0 },
[BoxTypes.DASHBOARD_XP_INFO]: { x: 1, y: 2 },
[BoxTypes.DASHBOARD_SEEDS_INFO]: { x: 1, y: 0 },
[BoxTypes.DASHBOARD_CALENDER]: { x: 1, y: 4 },
[BoxTypes.DASHBOARD_LEADERBOARD]: { x: 0, y: 4 },
},
sm: {
[BoxTypes.DASHBOARD_LASTEST_CONTENT]: { x: 0, y: 4 },
[BoxTypes.DASHBOARD_XP_INFO]: { x: 0, y: 0 },
[BoxTypes.DASHBOARD_SEEDS_INFO]: { x: 0, y: 2 },
[BoxTypes.DASHBOARD_CALENDER]: { x: 0, y: 7 },
[BoxTypes.DASHBOARD_LEADERBOARD]: { x: 0, y: 11 },
Expand All @@ -50,7 +48,6 @@ export const ALL_BOXES = [

export const DEFAULT_BOXES = [
BoxTypes.DASHBOARD_LASTEST_CONTENT,
BoxTypes.DASHBOARD_XP_INFO,
BoxTypes.DASHBOARD_SEEDS_INFO,
BoxTypes.DASHBOARD_CALENDER,
BoxTypes.DASHBOARD_LEADERBOARD,
Expand Down
3 changes: 1 addition & 2 deletions packages/web/components/MegaMenu/MegaMenuHeader.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ import {
useBreakpointValue,
useDisclosure,
} from '@metafam/ds';
import { httpLink, Maybe } from '@metafam/utils';
import { Maybe } from '@metafam/utils';
import LogoImage from 'assets/logo.webp';
import SearchIcon from 'assets/search-icon.svg';
import { MetaLink } from 'components/Link';
Expand Down Expand Up @@ -56,7 +56,6 @@ import { debounceTime, filter, shareReplay, switchMap } from 'rxjs/operators';
import { menuIcons } from 'utils/menuIcons';
import { MenuSectionLinks } from 'utils/menuLinks';
import {
getPlayerImage,
getPlayerName,
getPlayerURL,
getPlayerUsername,
Expand Down
2 changes: 1 addition & 1 deletion packages/web/components/Quest/QuestTile.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ export const QuestTile: React.FC<Props> = ({ quest }) => {
px={4}
py={3}
borderRadius={10}
bgColor="whiteAlpha.100"
bgColor="whiteA0"
backdropFilter="blur(10px)"
>
<Heading
Expand Down
9 changes: 5 additions & 4 deletions packages/web/pages/community/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -90,16 +90,17 @@ const UnifiedCommunityPage: React.FC<Props> = ({
onChange={handleTabChange}
>
<TabList
borderBottom="1px solid #2D2D2D"
justifyContent="space-between"
w="full"
ml={{ sm: '0em', lg: '4em' }}
mr={{ sm: '0em', lg: '4em' }}
>
{communityTabs.map(({ link }) => (
<Tab
key={`tab-${link}`}
_selected={{
color: 'pastelPurple',
borderBottom: '2px solid var(--chakra-colors-pastelPurple)',
}}
_selected={{ color: 'white', borderBottom: '2px inset #A48DF3' }}
color="gray.400"
w="100%"
>
{link}
Expand Down
Loading