me/mime-chat
Watch
1
0
Fork
You've already forked mime-chat
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

splash screen

Browse source
This commit is contained in:
Andrew Gundersen 2021-02-04 13:44:08 -06:00
commit f4c7f00795
15 changed files with 64 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

0
src/components/messenger/index.vue → src/components/home/index.vue
View file

0
src/components/messenger/messageBubble/bubbleDetails/computed.ts → src/components/home/messageBubble/bubbleDetails/computed.ts
View file

0
src/components/messenger/messageBubble/bubbleDetails/drawer.ts → src/components/home/messageBubble/bubbleDetails/drawer.ts
View file

0
src/components/messenger/messageBubble/index.vue → src/components/home/messageBubble/index.vue
View file

0
src/components/messenger/messageVisualizer/index.vue → src/components/home/messageVisualizer/index.vue
View file

0
src/components/messenger/messageVisualizer/viewDetails/anime.ts → src/components/home/messageVisualizer/viewDetails/anime.ts
View file

0
src/components/messenger/messageVisualizer/viewDetails/offsetCalculator.ts → src/components/home/messageVisualizer/viewDetails/offsetCalculator.ts
View file

0
src/components/messenger/messageVisualizer/viewDetails/visualizer.ts → src/components/home/messageVisualizer/viewDetails/visualizer.ts
View file

6
src/components/login/index.vue
View file

@ -1,5 +1,5 @@
<template>
Login Componant
Login Component
</template>
<script lang="ts">
@ -15,11 +15,13 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
#login {
width: 350px;
height: 500px;
background-color: #e6e6e6;
background-color: #FF52CA;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
// border-radius: 20px;
}
</style>

65
src/components/splash/index.vue
View file

@ -1,24 +1,47 @@
<template>
<svg
id="splash"
xmlns="http://www.w3.org/2000/svg"
width="57.046"
height="52.759"
viewBox="0 0 57.046 52.759"
>
<g transform="translate(-4127 -507)">
<g transform="translate(3949 332.206)">
<g transform="translate(178 174.794)">
<g transform="translate(0 27.405)">
<circle id="Ellipse_50" data-name="Ellipse 50" cx="12.677" cy="12.677" r="12.677" transform="translate(0 0)" fill="#383838"/>
<circle id="Ellipse_51" data-name="Ellipse 51" cx="12.677" cy="12.677" r="12.677" transform="translate(31.692 0)" fill="#383838"/>
<div id="splash">
<svg
xmlns="http://www.w3.org/2000/svg"
width="57.046"
height="52.759"
viewBox="0 0 57.046 52.759"
>
<g transform="translate(-4127 -507)">
<g transform="translate(3949 332.206)">
<g transform="translate(178 174.794)">
<g transform="translate(0 27.405)">
<circle
cx="12.677"
cy="12.677"
r="12.677"
transform="translate(0 0)"
fill="#383838"
/>
<circle
cx="12.677"
cy="12.677"
r="12.677"
transform="translate(31.692 0)"
fill="#383838"
/>
</g>
<circle
cx="12.677"
cy="12.677"
r="12.677"
transform="translate(15.822 0)"
fill="#383838"
/>
<path
d="M36.27,83.67"
transform="translate(-23.569 -43.588)"
fill="#ff0"
/>
</g>
<circle id="Ellipse_52" data-name="Ellipse 52" cx="12.677" cy="12.677" r="12.677" transform="translate(15.822 0)" fill="#383838"/>
<path id="Path_150" data-name="Path 150" d="M36.27,83.67" transform="translate(-23.569 -43.588)" fill="#ff0"/>
</g>
</g>
</g>
</svg>
</svg>
</div>
</template>
<script lang="ts">
@ -38,9 +61,13 @@ export default defineComponent({
#splash {
width: 350px;
height: 500px;
background-color: #FF52CA;
display: flex;
align-items: center;
justify-content: center;
background-color: #EBEBEB;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
// border-radius: 20px;
}
</style>
</style>