From 2375d2a8a6ec9864044bf4e18dbfb6b3f57ab070 Mon Sep 17 00:00:00 2001 From: Freeplay Date: Wed, 24 May 2023 21:41:28 -0400 Subject: [PATCH] hide follow-button label on mobile --- packages/client/src/components/global/MkPageHeader.vue | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/client/src/components/global/MkPageHeader.vue b/packages/client/src/components/global/MkPageHeader.vue index 4840607952..67549a6541 100644 --- a/packages/client/src/components/global/MkPageHeader.vue +++ b/packages/client/src/components/global/MkPageHeader.vue @@ -305,7 +305,10 @@ onUnmounted(() => { box-sizing: border-box; overflow: hidden; @media (max-width: 500px) { - padding-inline: 12p; + padding-inline: 16px; + &.tabs > .buttons > :deep(.follow-button > span) { + display: none; + } } @media (max-width: 700px) { > .left { @@ -432,8 +435,6 @@ onUnmounted(() => { text-align: left; font-weight: bold; flex-shrink: 0; - margin-right: 1rem; - > .avatar { $size: 32px; display: inline-block;