allow gif embeds.

This commit is contained in:
supertiger1234 2020-03-03 20:39:32 +00:00
parent 6445c3ad41
commit fc19d47e42
3 changed files with 13 additions and 6 deletions

View file

@ -95,6 +95,9 @@ export default {
.center-box { .center-box {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center;
align-content: center;
justify-content: center;
} }
.message { .message {
text-align: center; text-align: center;

View file

@ -9,7 +9,11 @@
> >
<div class="right"> <div class="right">
<div class="image" v-if="imageURL" @click="embedImgClicked"> <div class="image" v-if="imageURL" @click="embedImgClicked">
<img ref="image" :src="`//images.weserv.nl/?url=${imageURL}`" alt /> <img
ref="image"
:src="`//proxi.bree.workers.dev/cdn/${encodeURIComponent(imageURL)}`"
alt
/>
</div> </div>
</div> </div>
<div class="left"> <div class="left">
@ -31,7 +35,7 @@ export default {
embedImgClicked() { embedImgClicked() {
this.$store.dispatch( this.$store.dispatch(
"setImagePreviewURL", "setImagePreviewURL",
"//images.weserv.nl/?url=" + this.imageURL `//proxi.bree.workers.dev/cdn/${encodeURIComponent(this.imageURL)}`
); );
}, },
clamp(num, min, max) { clamp(num, min, max) {

View file

@ -2,9 +2,9 @@
<div id="app" ref="app" :class="{ desktop: isElectron }"> <div id="app" ref="app" :class="{ desktop: isElectron }">
<vue-headful :title="title" description="Nertivia Chat Client" /> <vue-headful :title="title" description="Nertivia Chat Client" />
<div class="background-color"></div> <div class="background-color"></div>
<transition name="fade-between-two" appear mode="in-out"> <transition-group name="fade-between-two" appear mode="in-out">
<ConnectingScreen v-if="!ready" /> <ConnectingScreen key="connect-screen" v-if="!ready" />
<div class="box" v-if="loggedIn"> <div class="box" key="content" v-if="loggedIn">
<div class="frame" v-if="isElectron"> <div class="frame" v-if="isElectron">
<div class="window-buttons"> <div class="window-buttons">
<electron-frame-buttons /> <electron-frame-buttons />
@ -21,7 +21,7 @@
<admin-panel v-if="currentTab == 4" /> <admin-panel v-if="currentTab == 4" />
</div> </div>
</div> </div>
</transition> </transition-group>
<Popouts v-if="loggedIn" /> <Popouts v-if="loggedIn" />
</div> </div>
</template> </template>