diff options
| author | Andinus <andinus@nand.sh> | 2022-02-02 16:37:13 +0530 |
|---|---|---|
| committer | Andinus <andinus@nand.sh> | 2022-02-02 16:37:13 +0530 |
| commit | 55f43481659363c3373641d9ce60f2219d649cb5 (patch) | |
| tree | 28add25062534414dbe2405a188b713eff51bed6 /client/src/views/NewSmile.vue | |
| parent | 298fb6852fef3ede16b8aa297531c0ea8b6f26c7 (diff) | |
| download | vela-55f43481659363c3373641d9ce60f2219d649cb5.tar.gz | |
Create NewSmile view
Diffstat (limited to 'client/src/views/NewSmile.vue')
| -rw-r--r-- | client/src/views/NewSmile.vue | 30 |
1 files changed, 29 insertions, 1 deletions
diff --git a/client/src/views/NewSmile.vue b/client/src/views/NewSmile.vue index 6927007..4a5e700 100644 --- a/client/src/views/NewSmile.vue +++ b/client/src/views/NewSmile.vue @@ -1,5 +1,33 @@ <template> <div class="new-smile"> - <h1>New Smile</h1> + <p id="subtitle">Create a new Smile :)</p> + + <div class="card"> + <div class="grid"> + <div class="col-12 md:col-6"> + <p> + Filling this form will create a new "Smile Collection" for + you, you can add your smiles to the collection using + the <strong>private</strong> and your friends can view them + using the <strong>public</strong> link. + </p> + </div> + <div class="col-12 md:col-6 flex align-items-center justify-content-center"> + <div class="p-inputgroup"> + <Button icon="pi pi-user-plus" /> + <InputText placeholder="Name" /> + <Button label="Create" class="p-button-success" /> + </div> + </div> + </div> + </div> </div> </template> + +<style scoped> +#subtitle { + font-size: 1.5rem; + text-align: center; + margin: 2rem 0; +} +</style> |