butter/keanu-weblite
4
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

14
src/components/Chat.vue
View file

@ -7,7 +7,6 @@
<div
class="chat-content flex-grow-1 flex-shrink-1"
ref="chatContainer"
style="overflow: hidden auto;"
v-on:scroll="onScroll"
@click="closeContextMenusIfOpen"
>
@ -77,7 +76,7 @@
:ref="event.getId()"
>
<div
style="position: relative; user-select: none"
class="message-wrapper"
v-on:touchstart="
(e) => {
touchStart(e, event);
@ -226,7 +225,6 @@
small
elevation="0"
v-blur
style="z-index: 10"
v-longTap:250="[showRecordingUI, startRecording]"
>
<v-icon :color="showRecorder ? 'white' : 'black'">mic</v-icon>
@ -239,7 +237,6 @@
small
elevation="0"
v-blur
style="z-index: 10"
@click.stop="showNoRecordingAvailableDialog = true"
>
<v-icon :color="showRecorder ? 'white' : 'black'">mic</v-icon>
@ -299,7 +296,7 @@
name="attachment"
@change="handlePickedAttachment($event)"
accept="image/*|audio/*|video/*|application/pdf"
style="display: none"
class="d-none"
/>
</label>
</v-col>
@ -327,7 +324,7 @@
:aspect-ratio="1"
:src="currentImageInput.image"
contain
style="max-height: 50vh; background-color: #e2e2e2"
class="current-image-input-path"
/>
<div>
file: {{ currentImageInputPath.name }}
@ -390,7 +387,6 @@
<MessageOperationsBottomSheet
ref="messageOperationsSheet"
style="background-color: #f776777"
>
<MessageOperationsPicker
v-on:close="showEmojiPicker = false"
@ -405,22 +401,20 @@
/>
<VEmojiPicker
ref="emojiPicker"
style="width: 100%; background-color: #ffffff"
@select="emojiSelected"
/>
</MessageOperationsBottomSheet>
<StickerPickerBottomSheet
ref="stickerPickerSheet"
style="z-index: 10"
v-on:selectSticker="sendSticker"
/>
<!-- Loading indicator -->
<v-container
fluid
class="loading-indicator"
fill-height
style="position: absolute; background-color: rgba(0, 0, 0, 0.2)"
v-if="!initialLoadDone || loading"
>
<v-row align="center" justify="center">