Skip to content
Snippets Groups Projects
Verified Commit ed1b29cc authored by Jonathan Weth's avatar Jonathan Weth :keyboard:
Browse files

Reformat

parent bc5aa74f
No related branches found
No related tags found
1 merge request!1123Resolve "Finalise Vuetify app as SPA"
Pipeline #107851 canceled
<template>
<div
v-if="splash"
id="logo-container"
>
<img
src="/logo"
alt="Logo"
id="logo"
width="600"
>
<div v-if="splash" id="logo-container">
<img src="/logo" alt="Logo" id="logo" width="600" />
<div class="lds-ellipsis">
<div></div>
<div></div>
......@@ -16,14 +8,11 @@
<div></div>
</div>
</div>
<div
v-else
class="d-flex justify-center align-center progress-container"
>
<div v-else class="d-flex justify-center align-center progress-container">
<v-progress-circular
indeterminate
color="primary"
:size="60"
indeterminate
color="primary"
:size="60"
></v-progress-circular>
</div>
</template>
......
<template>
<v-dialog v-model="overlay" max-width="fit-content" max-height="fit-content">
<template #activator="{ on, attrs }">
<v-card class="rounded-circle">
<v-responsive :aspect-ratio="1" v-bind="attrs" v-on="on">
<slot name="activator" />
</v-responsive>
</v-card>
</template>
<div class="inDialog">
<slot class="inDialog" />
</div>
</v-dialog>
</template>
<script>
export default {
name: "AvatarClickBox",
data: () => ({
overlay: false,
}),
};
</script>
<style scoped>
.inDialog {
/* FIXME: find a way to enlarge image */
max-height: 80vmin;
width: 80vmin;
}
</style>
\ No newline at end of file
<v-dialog v-model="overlay" max-width="fit-content" max-height="fit-content">
<template #activator="{ on, attrs }">
<v-card class="rounded-circle">
<v-responsive :aspect-ratio="1" v-bind="attrs" v-on="on">
<slot name="activator" />
</v-responsive>
</v-card>
</template>
<div class="inDialog">
<slot class="inDialog" />
</div>
</v-dialog>
</template>
<script>
export default {
name: "AvatarClickBox",
data: () => ({
overlay: false,
}),
};
</script>
<style scoped>
.inDialog {
/* FIXME: find a way to enlarge image */
max-height: 80vmin;
width: 80vmin;
}
</style>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment