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

4
src/background.ts
View file

@ -26,7 +26,7 @@ function createWindow() {
// Create the browser window.
win = new BrowserWindow({
width: 350,
height: 520,
height: 500,
resizable: true,
maximizable: false,
@ -35,7 +35,7 @@ function createWindow() {
y: 10,
webPreferences: {
devTools: true,
devTools: false,
nodeIntegration:
(process.env.ELECTRON_NODE_INTEGRATION as unknown) as boolean,

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>

4
src/router.ts
View file

@ -13,7 +13,7 @@ import Splash from "./views/splash.vue";
const routes: Array<RouteRecordRaw> = [
{
path: "/asdas",
path: "/",
name: "Splash",
component: Splash
},
@ -25,7 +25,7 @@ const routes: Array<RouteRecordRaw> = [
},
{
path: "/",
path: "/sdfds",
name: "Login",
component: Login
},

6
src/views/home.vue
View file

@ -1,16 +1,16 @@
<template>
<Messenger />
<HomeComponent />
</template>
<script lang="ts">
import { defineComponent } from "vue";
import Messenger from "@/components/messenger/index.vue";
import HomeComponent from "@/components/home/index.vue";
export default defineComponent({
name: "Home",
components: { Messenger },
components: { HomeComponent },
});

6
src/views/login.vue
View file

@ -1,16 +1,16 @@
<template>
<Login />
<LoginComponent />
</template>
<script lang="ts">
import { defineComponent } from "vue";
import Login from "@/components/login/index.vue";
import LoginComponent from "@/components/login/index.vue";
export default defineComponent({
name: "Login",
components: { Login },
components: { LoginComponent },
});

8
src/views/splash.vue
View file

@ -1,16 +1,16 @@
<template>
<Splash />
<SplashComponent />
</template>
<script lang="ts">
import { defineComponent } from "vue";
import Splash from "@/components/splash/index.vue"
import SplashComponent from "@/components/splash/index.vue"
export default defineComponent({
name: "Splash",
componants: { Splash },
name: "Splash",
components: { SplashComponent },
});