Updates branding to StylePoint

This commit is contained in:
Cameron Redmore 2025-04-24 11:36:05 +01:00
parent 2ad9a63582
commit bbd77a788c
8 changed files with 43 additions and 48 deletions

View file

@ -1,8 +1,6 @@
{
"recommendations": [
"editorconfig.editorconfig",
"vue.volar",
"wayou.vscode-todo-highlight"
"prisma.prisma"
],
"unwantedRecommendations": [
"octref.vetur",

View file

@ -1,6 +1,6 @@
# STS Forms (forms-app)
# StylePoint
Custom forms application for StyleTech
Multi-functional internal tool for StyleTech
## Install the dependencies
```bash

View file

@ -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,

View file

@ -189,7 +189,7 @@ export default defineConfig((/* ctx */) => {
builder: {
// https://www.electron.build/configuration/configuration
appId: 'forms-app'
appId: 'stylepoint'
}
},

View file

@ -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;
}

View file

@ -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
>

View file

@ -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>

View file

@ -187,6 +187,7 @@ onMounted(() => {
.markdown-content :deep(a) {
color: var(--q-primary);
text-decoration: none;
font-weight: 600;
}
.markdown-content :deep(a:hover) {