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) : ''}