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 {
display: block;
margin-bottom: 0;
@include media-breakpoint-down(md) {
flex: 1 100%;
@ -403,7 +418,7 @@
@include media-breakpoint-down(sm) {
flex: 1 100%;
justify-content: center;
margin-top: 1em;
margin-top: 1rem;
}
@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={styles.authorDetailsWrapper}>
<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
when={
(props.followers && props.followers.length > 0) ||
@ -237,7 +239,12 @@ export const AuthorCard = (props: Props) => {
<Button
variant="secondary"
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
title={props.author.name}