discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Profile head style fixes

Browse Source
This commit is contained in:
kvakazyambra 2023-11-28 20:06:13 +03:00
parent dd2746e19e
commit 7ba3d767d7
2 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Author/AuthorCard/AuthorCard.module.scss
View File

@ -43,8 +43,23 @@
} }
} }
.authorActionsLabel {
@include media-breakpoint-down(sm) {
display: none;
}
}
.authorActionsLabelMobile {
display: none;
@include media-breakpoint-down(sm) {
display: block;
}
}
.authorDetails { .authorDetails {
display: block; display: block;
margin-bottom: 0;
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {
flex: 1 100%; flex: 1 100%;
@ -403,7 +418,7 @@
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
flex: 1 100%; flex: 1 100%;
justify-content: center; justify-content: center;
margin-top: 1em; margin-top: 1rem;
} }
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {

11
src/components/Author/AuthorCard/AuthorCard.tsx
View File

@ -131,7 +131,9 @@ export const AuthorCard = (props: Props) => {
<div class={clsx('col-md-15 col-xl-13', styles.authorDetails)}> <div class={clsx('col-md-15 col-xl-13', styles.authorDetails)}>
<div class={styles.authorDetailsWrapper}> <div class={styles.authorDetailsWrapper}>
<div class={styles.authorName}>{name()}</div> <div class={styles.authorName}>{name()}</div>
<div class={styles.authorAbout} innerHTML={props.author.bio} /> <Show when={props.author.bio}>
<div class={styles.authorAbout} innerHTML={props.author.bio} />
</Show>
<Show <Show
when={ when={
(props.followers && props.followers.length > 0) || (props.followers && props.followers.length > 0) ||
@ -237,7 +239,12 @@ export const AuthorCard = (props: Props) => {
<Button <Button
variant="secondary" variant="secondary"
onClick={() => redirectPage(router, 'profileSettings')} onClick={() => redirectPage(router, 'profileSettings')}
value={t('Edit profile')} value={
<>
<span class={styles.authorActionsLabel}>{t('Edit profile')}</span>
<span class={styles.authorActionsLabelMobile}>{t('Edit')}</span>
</>
}
/> />
<SharePopup <SharePopup
title={props.author.name} title={props.author.name}