feat: implement design update requests
This commit is contained in:
jinhojang6
Jinho Jang
parent
97e8b425a6
commit
5ccea9eed3
|
|
@ -359,8 +359,8 @@ import * as challengesData from '/generated/challenges.json'
|
|||
<SectionHeader title="Team" noBorder />
|
||||
<Box top={{ xs: 64 }}>
|
||||
<Grid
|
||||
xs={{ cols: 3, gap: '1rem', wrap: false }}
|
||||
md={{ cols: 4, gap: '1rem', wrap: true }}
|
||||
xs={{ cols: 3, gap: '16px', wrap: false }}
|
||||
md={{ cols: 4, gap: '24px 16px', wrap: true }}
|
||||
>
|
||||
<Grid.Item>
|
||||
<ProfileCard
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"@acid-info/docusaurus-og": "^1.0.0-alpha.131",
|
||||
"@acid-info/lsd-react": "^0.1.0-beta.1",
|
||||
"@acid-info/lsd-react": "^0.1.0-beta.3",
|
||||
"@docusaurus/core": "^2.4.1",
|
||||
"@docusaurus/mdx-loader": "^2.4.1",
|
||||
"@docusaurus/module-type-aliases": "^2.4.1",
|
||||
|
|
|
|||
|
|
@ -4,13 +4,6 @@
|
|||
.mdx-cta-button {
|
||||
margin-top: 2rem;
|
||||
|
||||
&:hover {
|
||||
&,
|
||||
* {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
button,
|
||||
button span {
|
||||
font-size: inherit;
|
||||
|
|
|
|||
|
|
@ -17,6 +17,10 @@
|
|||
}
|
||||
|
||||
.mdx-cta-section--align-center {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
* {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -115,7 +115,6 @@
|
|||
|
||||
.mdx-feature-list__feature-inner {
|
||||
height: 100%;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.mdx-feature-list__feature-border {
|
||||
|
|
|
|||
|
|
@ -1,13 +1,6 @@
|
|||
@use '../../../css/utils';
|
||||
|
||||
.mdx-hero-action {
|
||||
&:hover,
|
||||
button:hover {
|
||||
&,
|
||||
* {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mdx-hero-action--large {
|
||||
|
|
@ -18,8 +11,6 @@
|
|||
|
||||
@include utils.responsive('lg', 'down') {
|
||||
.mdx-hero-action {
|
||||
text-decoration: none !important;
|
||||
|
||||
button {
|
||||
padding: 6px 12px !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@ export type LogoCarouselProps = Omit<
|
|||
'title'
|
||||
> & {
|
||||
title?: React.ReactNode
|
||||
gridGap?: string | number
|
||||
items?: {
|
||||
title?: string
|
||||
logoSrc?: string
|
||||
|
|
@ -21,6 +22,7 @@ export type LogoCarouselProps = Omit<
|
|||
|
||||
export const LogoCarousel: React.FC<LogoCarouselProps> = ({
|
||||
title,
|
||||
gridGap = '80px',
|
||||
className,
|
||||
items = [],
|
||||
children,
|
||||
|
|
@ -43,7 +45,7 @@ export const LogoCarousel: React.FC<LogoCarouselProps> = ({
|
|||
</div>
|
||||
<Grid
|
||||
className="mdx-logo-carousel__inner"
|
||||
xs={{ wrap: false, gap: '96px', scrollButtons: false }}
|
||||
xs={{ wrap: false, gap: gridGap, scrollButtons: false }}
|
||||
>
|
||||
{items.map((item) => (
|
||||
<Grid.Item className="mdx-logo-carousel__item">
|
||||
|
|
|
|||
|
|
@ -20,7 +20,10 @@
|
|||
gap: 24px;
|
||||
}
|
||||
|
||||
.mdx-profile-card__avatar {
|
||||
.mdx-profile-card__profile-placeholder {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 52px !important;
|
||||
height: 52px !important;
|
||||
border-radius: 50%;
|
||||
|
|
@ -36,6 +39,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
.mdx-profile-card__profile-image {
|
||||
width: 52px !important;
|
||||
height: 52px !important;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.mdx-profile-card__name {
|
||||
}
|
||||
|
||||
|
|
@ -43,14 +52,21 @@
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 8px;
|
||||
width: 100%;
|
||||
|
||||
height: 16px;
|
||||
align-items: center;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.mdx-profile-card__link {
|
||||
text-decoration: none;
|
||||
height: fit-content;
|
||||
position: relative;
|
||||
max-width: calc(50% - 4px);
|
||||
|
||||
svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@include utils.responsive('lg', 'down') {
|
||||
|
|
|
|||
|
|
@ -65,12 +65,14 @@ export const ProfileCard: React.FC<ProfileCardProps> = ({
|
|||
return (
|
||||
<div {...props} className={clsx('mdx-profile-card', props.className)}>
|
||||
<div className="mdx-profile-card__profile">
|
||||
{typeof imgSrc === 'undefined' ? (
|
||||
<IconAvatar className="mdx-profile-card__avatar" />
|
||||
{typeof imgSrc === 'undefined' && name ? (
|
||||
<span className="mdx-profile-card__profile-placeholder">
|
||||
{name[0]?.toUpperCase()}
|
||||
</span>
|
||||
) : (
|
||||
<img
|
||||
alt={typeof name === 'string' ? name : ''}
|
||||
className="mdx-profile-card__avatar"
|
||||
className="mdx-profile-card__profile-image"
|
||||
src={imgSrc}
|
||||
/>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -13,6 +13,10 @@
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.mdx-roadmap__timeline-item--no-border {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.mdx-roadmap__timeline-item {
|
||||
|
|
|
|||
|
|
@ -98,7 +98,11 @@ export const Roadmap: React.FC<RoadmapProps> = ({
|
|||
description={item.description}
|
||||
borderStyle={handleBorderStyle(item, index, timeline)}
|
||||
periodStyle={handlePeriodStyle(item?.period ?? currentYear)}
|
||||
className={clsx('mdx-roadmap__timeline-item', item.className)}
|
||||
className={clsx(
|
||||
'mdx-roadmap__timeline-item',
|
||||
noBorder && 'mdx-roadmap__timeline-item--no-border',
|
||||
item.className,
|
||||
)}
|
||||
/>
|
||||
</Grid.Item>
|
||||
))}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
}
|
||||
|
||||
.mdx-showcase-card__logo {
|
||||
width: 58px;
|
||||
width: 40px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
|
||||
.mdx-showcase-card--large {
|
||||
.mdx-showcase-card__logo {
|
||||
width: 58px;
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -67,7 +67,8 @@
|
|||
}
|
||||
|
||||
.mdx-timeline-item__description {
|
||||
margin-top: auto;
|
||||
margin-top: 24px;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
@include utils.responsive('lg', 'down') {
|
||||
|
|
|
|||
|
|
@ -62,10 +62,10 @@
|
|||
react-hot-toast "^2.4.1"
|
||||
react-use "^17.4.0"
|
||||
|
||||
"@acid-info/lsd-react@^0.1.0-beta.1":
|
||||
version "0.1.0-beta.1"
|
||||
resolved "https://registry.yarnpkg.com/@acid-info/lsd-react/-/lsd-react-0.1.0-beta.1.tgz#a6d8dc04a3422a1a840d032fc1d1730f4cc34e29"
|
||||
integrity sha512-YletiehVgoXmMhIH03u67Dxg8ZiFNrGhEsvN9/+jCTnOaBQxf0/JgS7kqBeZUlqK88prU6P/QzZruiWsxVFKgA==
|
||||
"@acid-info/lsd-react@^0.1.0-beta.3":
|
||||
version "0.1.0-beta.3"
|
||||
resolved "https://registry.yarnpkg.com/@acid-info/lsd-react/-/lsd-react-0.1.0-beta.3.tgz#2f211b647d68d6fce163afb60989494f555354be"
|
||||
integrity sha512-lD/x1BZyYdQCUmtMH3YpKSInEO73wRFRxUM6lzbz5UDDUnPfDpj/g4mQrXKL1keV3ujGJbMLaCC36cZT8VgNNw==
|
||||
dependencies:
|
||||
"@datepicker-react/hooks" "^2.8.4"
|
||||
"@emotion/react" "^11.10.5"
|
||||
|
|
|
|||
Loading…
Reference in New Issue