diff options
Diffstat (limited to 'apps/settings/src')
| -rw-r--r-- | apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue b/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue index 8d9e69a483a..d13b26b2d92 100644 --- a/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue +++ b/apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue @@ -32,7 +32,11 @@ {{ t('settings', 'The more restrictive setting of either visibility or scope is respected on your Profile. For example, if visibility is set to "Show to everyone" and scope is set to "Private", "Private" is respected.') }} </em> - <div class="visibility-dropdowns"> + <div + class="visibility-dropdowns" + :style="{ + gridTemplateRows: `repeat(${rows}, 44px)`, + }"> <VisibilityDropdown v-for="param in visibilityParams" :key="param.id" :param-id="param.id" @@ -89,6 +93,10 @@ export default { disabled() { return !this.profileEnabled }, + + rows() { + return Math.ceil(this.visibilityParams.length / 2) + }, }, mounted() { @@ -137,7 +145,6 @@ section { .visibility-dropdowns { display: grid; - grid-template-rows: repeat(auto-fit, 44px); gap: 10px 40px; } @@ -146,7 +153,6 @@ section { .visibility-dropdowns { grid-auto-flow: column; - height: 320px; } } |