butter/keanu-weblite
3
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 {
@media #{map-get($display-breakpoints, 'lg-and-up')} {
margin: 0 auto;
width: $main-desktop-width;;
width: $main-desktop-width;
}
}
</style>

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

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

12
src/components/Profile.vue
View file

@ -70,7 +70,11 @@
</v-container>
<!-- 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-title>{{ $t("profile.change_password") }}</v-card-title>
<v-card-text>
@ -119,7 +123,11 @@
</v-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-title>{{ $t("profile.display_name") }}</v-card-title>
<v-card-text>

2
src/components/ProfileInfoPopup.vue
View file

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

2
src/components/SelectLanguageDialog.vue
View file

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