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

Changed all static inline style to CSS classes

Browse source
This commit is contained in:
10G Meow 2022-02-23 11:52:09 +00:00 • committed by N Pex
parent 128b19ef8f
commit d9aac824ef
27 changed files with 179 additions and 112 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/Invite.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="d-flex flex-column pa-4" style="overflow: hidden">
<div class="d-flex flex-column pa-4 overflow-hidden invite">
<div class="flex-grow-0 flex-shrink-0">
<div class="room-name">{{$t('invite.title')}}</div>
<v-btn
@ -13,10 +13,7 @@
</v-btn>
</div>
<div
class="flex-grow-0 flex-shrink-0"
style="min-height: 100px; max-height: 30vh"
>
<div class="flex-grow-0 flex-shrink-0 chip-group-wrapper">
<div class="h4">{{$t('invite.send_invites_to')}}</div>
<div>{{ status }}</div>
<v-chip-group active-class="primary--text" column>
@ -32,7 +29,7 @@
</div>
<div class="flex-grow-1 flex-shrink-1">
<v-list class="member ma-2" style="overflow-y: auto">
<v-list class="member ma-2">
<v-list-item-group multiple v-model="selectedMembers">
<v-list-item
v-for="member in $matrix.getAllFriends()"
@ -168,5 +165,14 @@ export default {
</script>
<style lang="scss">
@import "@/assets/css/chat.scss";
@import "@/assets/css/chat.scss";
.invite {
.chip-group-wrapper {
min-height: 100px;
max-height: 30vh;
}
.member {
overflow-y: auto !important;
}
}
</style>