diff --git a/src/client/pages/note.vue b/src/client/pages/note.vue index 6a9167284f20720ce4aa889c92f40bc7ee9f8e9d..cd31ccc338e3d46383e8e9440a74348163f9a4cd 100644 --- a/src/client/pages/note.vue +++ b/src/client/pages/note.vue @@ -8,8 +8,8 @@ <div class="_section"> <div class="_content"> - <MkRemoteCaution v-if="note.user.host != null" :href="note.url || note.uri" style="margin-bottom: var(--margin)"/> - <XNote v-model:note="note" :key="note.id" :detail="true"/> + <MkRemoteCaution v-if="note.user.host != null" :href="note.url || note.uri" class="_vMargin"/> + <XNote v-model:note="note" :key="note.id" :detail="true" class="_vMargin"/> </div> </div> diff --git a/src/client/pages/user/index.vue b/src/client/pages/user/index.vue index d9eaf47442b498b0ab5e4086f4d2edea0dfd1aa0..94940f6ef2caecd303008d487ff27a769956b649 100644 --- a/src/client/pages/user/index.vue +++ b/src/client/pages/user/index.vue @@ -1,13 +1,13 @@ <template> <div class="mk-user-page" v-if="user" v-size="{ max: [500] }"> - <MkRemoteCaution v-if="user.host != null" :href="user.url" style="margin-bottom: var(--margin)"/> - <!-- TODO --> <!-- <div class="punished" v-if="user.isSuspended"><Fa :icon="faExclamationTriangle" style="margin-right: 8px;"/> {{ $t('userSuspended') }}</div> --> <!-- <div class="punished" v-if="user.isSilenced"><Fa :icon="faExclamationTriangle" style="margin-right: 8px;"/> {{ $t('userSilenced') }}</div> --> <div class="profile _section _fitBottom"> - <div class="_content" :key="user.id"> + <MkRemoteCaution v-if="user.host != null" :href="user.url" class="_content _vMargin"/> + + <div class="_content _vMargin" :key="user.id"> <div class="banner-container" :style="style"> <div class="banner" ref="banner" :style="style"></div> <div class="fade"></div> diff --git a/src/client/style.scss b/src/client/style.scss index a8e322aeda76cdc8b876a971fa7162ba5a0d6a1d..654267084d7137bae733aa54b77aa10f0660fc91 100644 --- a/src/client/style.scss +++ b/src/client/style.scss @@ -324,6 +324,7 @@ hr { > ._title, > ._content { + box-sizing: border-box; max-width: var(--baseContentWidth); margin: 0 auto; }