Updates branding to StylePoint
This commit is contained in:
parent
2ad9a63582
commit
bbd77a788c
8 changed files with 43 additions and 48 deletions
4
.vscode/extensions.json
vendored
4
.vscode/extensions.json
vendored
|
@ -1,8 +1,6 @@
|
|||
{
|
||||
"recommendations": [
|
||||
"editorconfig.editorconfig",
|
||||
"vue.volar",
|
||||
"wayou.vscode-todo-highlight"
|
||||
"prisma.prisma"
|
||||
],
|
||||
"unwantedRecommendations": [
|
||||
"octref.vetur",
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
# STS Forms (forms-app)
|
||||
# StylePoint
|
||||
|
||||
Custom forms application for StyleTech
|
||||
Multi-functional internal tool for StyleTech
|
||||
|
||||
## Install the dependencies
|
||||
```bash
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
{
|
||||
"name": "forms-app",
|
||||
"name": "stylepoint",
|
||||
"version": "0.0.1",
|
||||
"description": "Custom forms application for StyleTech",
|
||||
"productName": "STS Forms",
|
||||
"description": "Multi-functional internal tool for StyleTech",
|
||||
"productName": "StylePoint",
|
||||
"author": "Cameron Redmore <cameron@redmore.me>",
|
||||
"type": "module",
|
||||
"private": true,
|
||||
|
|
|
@ -189,7 +189,7 @@ export default defineConfig((/* ctx */) => {
|
|||
builder: {
|
||||
// https://www.electron.build/configuration/configuration
|
||||
|
||||
appId: 'forms-app'
|
||||
appId: 'stylepoint'
|
||||
}
|
||||
},
|
||||
|
||||
|
|
|
@ -1 +1,7 @@
|
|||
// app global css in SCSS form
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
|
||||
|
||||
html, body {
|
||||
font-family: 'Exo 2', sans-serif;
|
||||
}
|
|
@ -1,35 +1,26 @@
|
|||
<template>
|
||||
<q-layout view="lHh Lpr lFf">
|
||||
<q-header elevated>
|
||||
<q-toolbar>
|
||||
<q-btn
|
||||
flat
|
||||
dense
|
||||
round
|
||||
icon="menu"
|
||||
aria-label="Menu"
|
||||
@click="toggleLeftDrawer"
|
||||
/>
|
||||
|
||||
<q-toolbar-title>
|
||||
Form Builder App
|
||||
</q-toolbar-title>
|
||||
</q-toolbar>
|
||||
</q-header>
|
||||
|
||||
<q-layout view="hHh Lpr lFf">
|
||||
<q-drawer
|
||||
v-model="leftDrawerOpen"
|
||||
show-if-above
|
||||
:mini="!leftDrawerOpen"
|
||||
mini-to-overlay
|
||||
bordered
|
||||
persistent
|
||||
:model-value="true"
|
||||
>
|
||||
<q-list>
|
||||
<q-item-label
|
||||
header
|
||||
>
|
||||
Navigation
|
||||
</q-item-label>
|
||||
<q-item clickable v-ripple @click="toggleLeftDrawer">
|
||||
<q-item-section avatar>
|
||||
<q-icon name="menu"/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label class="text-h6">StylePoint</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item clickable v-ripple :to="{ name: 'formList' }" exact>
|
||||
<q-tooltip anchor="center right" self="center left" >
|
||||
<span>Forms</span>
|
||||
</q-tooltip>
|
||||
<q-item-section avatar>
|
||||
<q-icon name="list_alt" />
|
||||
</q-item-section>
|
||||
|
@ -39,22 +30,15 @@
|
|||
</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item clickable v-ripple :to="{ name: 'formCreate' }" exact>
|
||||
<q-item-section avatar>
|
||||
<q-icon name="add_circle_outline" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>Create Form</q-item-label>
|
||||
<q-item-label caption>Create a new form</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
|
||||
<q-item
|
||||
clickable
|
||||
v-ripple
|
||||
:to="{ name: 'mantisSummaries' }"
|
||||
exact
|
||||
>
|
||||
<q-tooltip anchor="center right" self="center left" >
|
||||
<span>Mantis Summaries</span>
|
||||
</q-tooltip>
|
||||
<q-item-section avatar>
|
||||
<q-icon name="summarize" />
|
||||
</q-item-section>
|
||||
|
@ -70,6 +54,9 @@
|
|||
:to="{ name: 'emailSummaries' }"
|
||||
exact
|
||||
>
|
||||
<q-tooltip anchor="center right" self="center left" >
|
||||
<span>Email Summaries</span>
|
||||
</q-tooltip>
|
||||
<q-item-section avatar>
|
||||
<q-icon name="email" />
|
||||
</q-item-section>
|
||||
|
@ -83,6 +70,9 @@
|
|||
clickable
|
||||
to="/settings" exact
|
||||
>
|
||||
<q-tooltip anchor="center right" self="center left" >
|
||||
<span>Settings</span>
|
||||
</q-tooltip>
|
||||
<q-item-section
|
||||
avatar
|
||||
>
|
||||
|
|
|
@ -36,16 +36,16 @@
|
|||
<q-input v-model="field.description" outlined dense label="Field Description (Optional)" autogrow
|
||||
class="q-mt-xs q-mb-xl" hint="This description will appear below the field label on the form." />
|
||||
</div>
|
||||
<q-btn outline color="primary" label="Add Field" @click="addField(catIndex)" class="q-ml-md q-mt-sm" />
|
||||
<q-btn color="primary" label="Add Field" @click="addField(catIndex)" class="q-ml-md q-mt-sm" />
|
||||
</div>
|
||||
|
||||
<q-btn outline color="secondary" label="Add Category" @click="addCategory" />
|
||||
<q-btn color="secondary" label="Add Category" @click="addCategory" />
|
||||
|
||||
<q-separator class="q-my-lg" />
|
||||
|
||||
<div>
|
||||
<q-btn outline label="Create Form" type="submit" color="primary" :loading="submitting" />
|
||||
<q-btn outline label="Cancel" type="reset" color="warning" class="q-ml-sm" :to="{ name: 'formList' }" />
|
||||
<q-btn label="Create Form" type="submit" color="primary" :loading="submitting" />
|
||||
<q-btn label="Cancel" type="reset" color="warning" class="q-ml-sm" :to="{ name: 'formList' }" />
|
||||
</div>
|
||||
</q-form>
|
||||
</q-page>
|
||||
|
|
|
@ -187,6 +187,7 @@ onMounted(() => {
|
|||
.markdown-content :deep(a) {
|
||||
color: var(--q-primary);
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown-content :deep(a:hover) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue