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. // Create the browser window.
win = new BrowserWindow({ win = new BrowserWindow({
width: 350, width: 350,
height: 520, height: 500,
resizable: true, resizable: true,
maximizable: false, maximizable: false,
@ -35,7 +35,7 @@ function createWindow() {
y: 10, y: 10,
webPreferences: { webPreferences: {
devTools: true, devTools: false,
nodeIntegration: nodeIntegration:
(process.env.ELECTRON_NODE_INTEGRATION as unknown) as boolean, (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> <template>
Login Componant Login Component
</template> </template>
<script lang="ts"> <script lang="ts">
@ -15,11 +15,13 @@ export default defineComponent({
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
#login { #login {
width: 350px; width: 350px;
height: 500px; height: 500px;
background-color: #e6e6e6; background-color: #FF52CA;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
// border-radius: 20px; // border-radius: 20px;
} }
</style> </style>

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

@ -1,24 +1,47 @@
<template> <template>
<svg <div id="splash">
id="splash" <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="57.046" width="57.046"
height="52.759" height="52.759"
viewBox="0 0 57.046 52.759" viewBox="0 0 57.046 52.759"
> >
<g transform="translate(-4127 -507)"> <g transform="translate(-4127 -507)">
<g transform="translate(3949 332.206)"> <g transform="translate(3949 332.206)">
<g transform="translate(178 174.794)"> <g transform="translate(178 174.794)">
<g transform="translate(0 27.405)"> <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
<circle id="Ellipse_51" data-name="Ellipse 51" cx="12.677" cy="12.677" r="12.677" transform="translate(31.692 0)" fill="#383838"/> 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> </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> </g>
</g> </svg>
</svg> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -38,9 +61,13 @@ export default defineComponent({
#splash { #splash {
width: 350px; width: 350px;
height: 500px; 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); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
// border-radius: 20px; // 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> = [ const routes: Array<RouteRecordRaw> = [
{ {
path: "/asdas", path: "/",
name: "Splash", name: "Splash",
component: Splash component: Splash
}, },
@ -25,7 +25,7 @@ const routes: Array<RouteRecordRaw> = [
}, },
{ {
path: "/", path: "/sdfds",
name: "Login", name: "Login",
component: Login component: Login
}, },

6
src/views/home.vue
View file

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

6
src/views/login.vue
View file

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

8
src/views/splash.vue
View file

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