diff --git a/src/components/ProfileInfoPopup.vue b/src/components/ProfileInfoPopup.vue index a3c28f0..8ca1860 100644 --- a/src/components/ProfileInfoPopup.vue +++ b/src/components/ProfileInfoPopup.vue @@ -3,7 +3,6 @@ v-model="showDialog" content-class="profile-info-popup" class="ma-0 pa-0" - :width="$vuetify.breakpoint.smAndUp ? '940px' : '95%'" > @@ -149,6 +148,8 @@ export default { left: 10px; } border-radius: 40px; + width: 95%; + &::before { content: "▲"; position: fixed; @@ -183,12 +184,18 @@ export default { font-size: 13 * $chat-text-size !important; } } + + @media #{map-get($display-breakpoints, 'sm-and-up')} { + width: 70%; + } + @media #{map-get($display-breakpoints, 'lg-and-up')} { overflow: unset; width: $main-desktop-width;; position: absolute; top: 70px; right: unset; + width: $dialog-desktop-width; &::before { position: absolute;