waveterm/docusaurus-og
0
0
Fork 0
mirror of https://github.com/wavetermdev/docusaurus-og.git synced 2026-08-05 13:46:35 -07:00
Code Issues Packages Projects Releases Wiki Activity

fix: use icon instead of button for ProfileCard links

Browse Source
This commit is contained in:
Hossein Mehrabi
2023-12-19 20:47:34 +03:30
parent ea8610e7ae
commit 6646c4ebac
2 changed files with 2 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/logos-docusaurus-theme/src/client/components/mdx/ProfileCard/ProfileCard.scss
-28
View File
@@ -56,34 +56,6 @@
max-width: calc(50% - 4px);
}
.mdx-profile-card__button {
padding: 4px 12px 4px 10px !important;
height: 28px !important;
max-width: 100% !important;
> span {
display: flex;
gap: 12px;
align-items: center;
}
svg {
width: 14px;
height: 14px;
}
}
.mdx-profile-card__link__label {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.mdx-profile-card__label {
text-align: center;
}
@include utils.responsive('lg', 'down') {
.mdx-profile-card {
grid-template-columns: 1fr;
packages/logos-docusaurus-theme/src/client/components/mdx/ProfileCard/ProfileCard.tsx
+2 -26
View File
@@ -90,19 +90,7 @@ export const ProfileCard: React.FC<ProfileCardProps> = ({
target="_blank"
className={'mdx-profile-card__link'}
>
<Button
size={'small'}
variant={'outlined'}
className={'mdx-profile-card__button'}
>
<IconGithub />
<Typography
variant="body2"
className="mdx-profile-card__link__label"
>
{githubUsername}
</Typography>
</Button>
<IconGithub />
</Link>
)}
@@ -112,19 +100,7 @@ export const ProfileCard: React.FC<ProfileCardProps> = ({
target="_blank"
className={'mdx-profile-card__link'}
>
<Button
size={'small'}
variant={'outlined'}
className={'mdx-profile-card__button'}
>
<IconDiscordWhite />
<Typography
variant="body2"
className="mdx-profile-card__link__label"
>
{discordUsername}
</Typography>
</Button>
<IconDiscordWhite />
</Link>
)}
</div>