butter/keanu-weblite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Desktop Width constraint set to 900px

Browse source
This commit is contained in:
Tenzin Passang 2021-12-30 11:53:43 +02:00
parent 21f02a8149
commit 6221eaa1bc
5 changed files with 15 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/App.vue
View file

@ -187,7 +187,7 @@ export default {
.main { .main {
@media #{map-get($display-breakpoints, 'lg-and-up')} { @media #{map-get($display-breakpoints, 'lg-and-up')} {
margin: 0 auto; margin: 0 auto;
width: $main-desktop-width;; width: $main-desktop-width;
} }
} }
</style> </style>

4
src/assets/css/_variables.scss
View file

@ -1,7 +1,7 @@
$background: #ffffff; $background: #ffffff;
$app-background: #f6f6f6; $app-background: #f6f6f6;
$main-desktop-width: 644px; $main-desktop-width: 900px;
$dialog-desktop-width: 688px; $dialog-desktop-width: 940px;
$chat-background: $background; $chat-background: $background;

12
src/components/Profile.vue
View file

@ -70,7 +70,11 @@
</v-container> </v-container>
<!-- edit password dialog --> <!-- edit password dialog -->
<v-dialog v-model="showEditPasswordDialog" class="ma-0 pa-0" width="50%"> <v-dialog
v-model="showEditPasswordDialog"
class="ma-0 pa-0"
:width="$vuetify.breakpoint.smAndUp ? '940px' : '80%'"
>
<v-card :disabled="settingPassword"> <v-card :disabled="settingPassword">
<v-card-title>{{ $t("profile.change_password") }}</v-card-title> <v-card-title>{{ $t("profile.change_password") }}</v-card-title>
<v-card-text> <v-card-text>
@ -119,7 +123,11 @@
</v-dialog> </v-dialog>
<!-- edit display name dialog --> <!-- edit display name dialog -->
<v-dialog v-model="showEditDisplaynameDialog" class="ma-0 pa-0" width="50%"> <v-dialog
v-model="showEditDisplaynameDialog"
class="ma-0 pa-0"
:width="$vuetify.breakpoint.smAndUp ? '940px' : '80%'"
>
<v-card> <v-card>
<v-card-title>{{ $t("profile.display_name") }}</v-card-title> <v-card-title>{{ $t("profile.display_name") }}</v-card-title>
<v-card-text> <v-card-text>

2
src/components/ProfileInfoPopup.vue
View file

@ -3,7 +3,7 @@
v-model="showDialog" v-model="showDialog"
content-class="profile-info-popup" content-class="profile-info-popup"
class="ma-0 pa-0" class="ma-0 pa-0"
:width="$vuetify.breakpoint.smAndUp ? '688px' : '95%'" :width="$vuetify.breakpoint.smAndUp ? '940px' : '95%'"
> >
<v-card flat> <v-card flat>
<v-card-text> <v-card-text>

2
src/components/SelectLanguageDialog.vue
View file

@ -3,7 +3,7 @@
class="ma-0 pa-0" class="ma-0 pa-0"
v-bind="{ ...$props, ...$attrs }" v-bind="{ ...$props, ...$attrs }"
v-on="$listeners" v-on="$listeners"
:width="$vuetify.breakpoint.smAndUp ? '688px' : '80%'" :width="$vuetify.breakpoint.smAndUp ? '940px' : '80%'"
> >
<v-card class="dialog-card"> <v-card class="dialog-card">
<v-card-title class="dialog-title" <v-card-title class="dialog-title"