diff --git a/components/Button/index.scss b/components/Button/index.scss index 585fb876..994bb041 100644 --- a/components/Button/index.scss +++ b/components/Button/index.scss @@ -31,6 +31,15 @@ background: transparent; } + &.IconButton.medium { + height: inherit; + padding: $unit-half; + + &:hover { + background: none; + } + } + &.Contained { background: var(--button-contained-bg); diff --git a/components/PartyDetails/index.scss b/components/PartyDetails/index.scss index afb68168..dfd69bcc 100644 --- a/components/PartyDetails/index.scss +++ b/components/PartyDetails/index.scss @@ -270,15 +270,21 @@ .Left { flex-grow: 1; - h1 { - font-size: $font-xlarge; - font-weight: $normal; - text-align: left; + .Header { + align-items: center; + display: flex; + gap: $unit; margin-bottom: $unit; - color: var(--text-primary); - &.empty { - color: var(--text-secondary); + h1 { + font-size: $font-xlarge; + font-weight: $normal; + text-align: left; + color: var(--text-primary); + + &.empty { + color: var(--text-secondary); + } } } diff --git a/components/PartyDetails/index.tsx b/components/PartyDetails/index.tsx index b5c92081..ab961978 100644 --- a/components/PartyDetails/index.tsx +++ b/components/PartyDetails/index.tsx @@ -31,6 +31,7 @@ import { youtube } from '~utils/youtube' import CheckIcon from '~public/icons/Check.svg' import CrossIcon from '~public/icons/Cross.svg' import EditIcon from '~public/icons/Edit.svg' +import RemixIcon from '~public/icons/Remix.svg' import type { DetailsObject } from 'types' @@ -694,7 +695,7 @@ const PartyDetails = (props: Props) => { const remixSection = () => { return ( - Remixes + {t('remixes')} {{renderRemixes()}} ) @@ -704,7 +705,21 @@ const PartyDetails = (props: Props) => { - {name ? name : t('no_title')} + + + {name ? name : t('no_title')} + + {party.remix && party.sourceParty ? ( + + } + /> + + ) : ( + '' + )} + {renderUserBlock()} {party.raid ? linkedRaidBlock(party.raid) : ''}