Dialogs and Vuetify styling changes

src/components/Profile.vue

@@ -113,9 +113,9 @@
       class="ma-0 pa-0"
       :width="$vuetify.display.smAndUp ? '940px' : '80%'"
     >
-      <v-card :disabled="settingPassword">
-        <v-card-title>{{ $matrix.currentUser.is_guest ? $t("profile.set_password") : $t("profile.change_password") }}</v-card-title>
-        <v-card-text>
+      <v-card :disabled="settingPassword" class="dialog-content">
+        <h2 class="dialog-title">{{ $matrix.currentUser.is_guest ? $t("profile.set_password") : $t("profile.change_password") }}</h2>
+        <div class="dialog-text">
           <v-text-field
             v-if="!$matrix.currentUser.is_guest"
             v-model="password"
@@ -147,7 +147,7 @@
           <div class="text-red" v-if="passwordErrorMessage">
             {{ passwordErrorMessage }}
           </div>
-        </v-card-text>
+        </div>
         <v-divider></v-divider>
         <v-card-actions>
           <v-spacer></v-spacer>
@@ -174,7 +174,7 @@
     </v-dialog>
 
     <!-- edit display name dialog -->
-    <v-dialog
+    <RoundedDialog
       v-model="showEditDisplaynameDialog"
       class="ma-0 pa-0"
       :width="$vuetify.display.smAndUp ? '940px' : '80%'"
@@ -207,7 +207,7 @@
           >
         </v-card-actions>
       </v-card>
-    </v-dialog>
+    </RoundedDialog>
 
     <SelectLanguageDialog
       v-model="showSelectLanguageDialog"
@@ -265,6 +265,7 @@ import AuthedImage from "./AuthedImage.vue";
 import CopyLink from "./CopyLink.vue"
 import { requestNotificationPermission, windowNotificationPermission } from "../plugins/notificationAndServiceWorker.js"
 import { mapState } from 'vuex'
+import RoundedDialog from "./RoundedDialog.vue";
 
 export default {
   name: "Profile",
@@ -274,7 +275,8 @@ export default {
     SelectLanguageDialog,
     LogoutRoomDialog,
     CopyLink,
-    AuthedImage
+    AuthedImage,
+    RoundedDialog
   },
   data() {
     return {