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

login svg

Browse source
This commit is contained in:
Andrew Gundersen 2021-02-05 09:36:57 -06:00
commit d8805b127e
5 changed files with 64 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,49 @@
<template>
Login Component
<svg
id="login"
xmlns="http://www.w3.org/2000/svg"
width="350"
height="500"
>
<g transform="translate(-4423 -283)">
<rect
id="background"
width="350"
height="500"
transform="translate(4423 283)"
fill="#ebebeb"
/>
<!-- login Form -->
<g id="loginForm" data-name="Group 540" transform="translate(-7 1)">
<!-- email Box -->
<rect
id="emailBox"
width="161"
height="41"
rx="10"
transform="translate(4525 470)"
fill="#b9b9b9"/>
<!-- password Box -->
<rect id="passwordBox"
width="161"
height="41"
rx="10"
transform="translate(4525 538)"
fill="#b9b9b9"
/>
<text id="Email" transform="translate(4530 523)" font-size="11" font-family="SFCompactDisplay-Bold, SF Compact Display" font-weight="700"><tspan x="0" y="0">Email</tspan></text>
<text id="Password" transform="translate(4530 591)" font-size="11" font-family="SFCompactDisplay-Bold, SF Compact Display" font-weight="700"><tspan x="0" y="0">Password</tspan></text>
</g>
<text id="Login" transform="translate(4518 450)" font-size="20" font-family="SFProText-Bold, SF Pro Text" font-weight="700"><tspan x="0" y="0">Login</tspan></text>
<rect id="Rectangle_1493" data-name="Rectangle 1493" width="120" height="38" rx="19" transform="translate(4538 659)" fill="#58c4fd"/>
<text id="Submit" transform="translate(4571 684)" fill="#fff" font-size="16" font-family="SFCompactDisplay-Bold, SF Compact Display" font-weight="700"><tspan x="0" y="0">Submit</tspan></text>
<text id="Create_account" data-name="Create account" transform="translate(4560 628)" fill="#58c4fd" font-size="11" font-family="SFCompactDisplay-Bold, SF Compact Display" font-weight="700"><tspan x="0" y="0">Create account</tspan></text>
</g>
</svg>
</template>
<script lang="ts">
@ -17,11 +61,6 @@ export default defineComponent({
<style lang="scss" scoped>
#login {
width: 350px;
height: 500px;
background-color: #FF52CA;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
// border-radius: 20px;
}
</style>