Skip to content

Commit d7712c0

Browse files
committed
updated icons and made viewport zoomable to increase accessibility
Co-authored-by: Daniel Garan <g.daniel02@icloud.com> Co-authored-by: Kevin Can <kevincan321@gmail.com> Co-authored-by: Anthony Herrera <herreraanthony2@gmail.com> Co-authored-by: Rob Sinzieri <robsin@gmail.com> Co-authored-by: Roderick de Leon <roderickx.deleon@gmail.com>"
1 parent ee45328 commit d7712c0

File tree

15 files changed

+83
-78
lines changed

15 files changed

+83
-78
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<h1 align="center">
2-
<img src="src/assets/overvue_256x256_old.png">
2+
<img width="235 height ="235" src="src/assets/right_sidebar325x325.svg">
33
</h1>
44

55
<p align="center"><b>Prototyping Development Tool for Vue Developers</b></p>

[object Promise].vue

Lines changed: 0 additions & 23 deletions
This file was deleted.

quasar.conf.js

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@ module.exports = configure(function (ctx) {
101101
// Full list of options: https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-devServer
102102
devServer: {
103103
server: {
104-
type: "http",
104+
type: "https",
105105
},
106106
port: 8080,
107107
open: true, // opens browser window automatically
@@ -177,31 +177,31 @@ module.exports = configure(function (ctx) {
177177
background_color: "#ffffff",
178178
theme_color: "#027be3",
179179
icons: [
180-
{
181-
src: "statics/icons/icon-128x128.png",
182-
sizes: "128x128",
183-
type: "image/png",
184-
},
185-
{
186-
src: "statics/icons/icon-192x192.png",
187-
sizes: "192x192",
188-
type: "image/png",
189-
},
190-
{
191-
src: "statics/icons/icon-256x256.png",
192-
sizes: "256x256",
193-
type: "image/png",
194-
},
195-
{
196-
src: "statics/icons/icon-384x384.png",
197-
sizes: "384x384",
198-
type: "image/png",
199-
},
200-
{
201-
src: "statics/icons/icon-512x512.png",
202-
sizes: "512x512",
203-
type: "image/png",
204-
},
180+
// {
181+
// src: "statics/icons/icon-128x128.png",
182+
// sizes: "128x128",
183+
// type: "image/png",
184+
// },
185+
// {
186+
// src: "statics/icons/icon-192x192.png",
187+
// sizes: "192x192",
188+
// type: "image/png",
189+
// },
190+
// {
191+
// src: "statics/icons/icon-256x256.png",
192+
// sizes: "256x256",
193+
// type: "image/png",
194+
// },
195+
// {
196+
// src: "statics/icons/icon-384x384.png",
197+
// sizes: "384x384",
198+
// type: "image/png",
199+
// },
200+
// {
201+
// src: "statics/icons/icon-512x512.png",
202+
// sizes: "512x512",
203+
// type: "image/png",
204+
// },
205205
],
206206
},
207207
},

src-electron/icons/icon.ico

-39.3 KB
Binary file not shown.

src-electron/icons/icon.png

12.3 KB
Loading

src/assets/app_logo106x23.png

1.48 KB
Loading

src/assets/app_logo106x23.svg

Lines changed: 12 additions & 0 deletions
Loading

src/assets/right_sidebar325x325.png

6.15 KB
Loading

src/assets/right_sidebar325x325.svg

Lines changed: 20 additions & 0 deletions
Loading

src/components/left-sidebar/StoreTab/StoreTab.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -259,7 +259,7 @@ i {
259259

260260
.html-bg {
261261
// give html background color of grey
262-
background-color: #202122;
262+
background-color: $subprimary;
263263
}
264264

265265
.component-container {

src/components/right-sidebar/GetStarted.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -18,13 +18,13 @@
1818
breakpoint="950"
1919
>
2020
<!-- tab labels -->
21-
<q-tab name="landing" label="Welcome" id="label-text"></q-tab>
22-
<q-tab name="version" label="What's New" id="label-text"></q-tab>
23-
<q-tab name="basics" label="The Basics" id="label-text"></q-tab>
21+
<q-tab name="landing" label="Welcome" id="getStartedLabels"></q-tab>
22+
<q-tab name="version" label="What's New" id="getStartedLabels"></q-tab>
23+
<q-tab name="basics" label="The Basics" id="getStartedLabels"></q-tab>
2424
<q-tab
2525
name="advanced"
2626
label="Advanced Functionality"
27-
id="label-text"
27+
id="getStartedLabels"
2828
></q-tab>
2929
</q-tabs>
3030

@@ -86,7 +86,7 @@ const tutorialPage = ref("landing");
8686
}
8787

8888
/* // changes the tab label styling */
89-
#label-text {
89+
#getStartedLabels {
9090
font-size: 4px !important;
9191
text-transform: capitalize;
9292
}

src/components/right-sidebar/tutorial/Landing.vue

Lines changed: 7 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,11 @@
11
<template>
22
<section id="welcomeTab">
33
<h6 class="tutorialHeading">Welcome to</h6>
4-
<svg width="auto" height="auto" viewBox="0 0 379 290" fill="none" xmlns="http://www.w3.org/2000/svg">
5-
<path d="M189.844 198.844L96.1875 34.875L144.281 53.1562L189.844 134.156V198.844Z" fill="#517294"/>
6-
<path d="M189.562 198.844L283.219 34.875L235.125 53.1562L189.562 134.156V198.844Z" fill="#43607D"/>
7-
<path d="M189.844 0L144.281 16.3125L189.844 98.4375V0Z" fill="#7BD8AE"/>
8-
<path d="M189.562 0L235.125 16.3125L189.562 98.4375V0Z" fill="#63BA93"/>
9-
<path d="M22.8938 265.688C19.8938 265.688 17.1563 265.181 14.6813 264.169C12.2063 263.156 10.05 261.731 8.2125 259.894C6.375 258.056 4.95 255.9 3.9375 253.425C2.925 250.95 2.41875 248.231 2.41875 245.269C2.41875 242.306 2.925 239.587 3.9375 237.112C4.95 234.637 6.375 232.481 8.2125 230.644C10.05 228.806 12.2063 227.381 14.6813 226.369C17.1563 225.356 19.875 224.85 22.8375 224.85C25.8 224.85 28.5188 225.356 30.9937 226.369C33.4688 227.381 35.625 228.806 37.4625 230.644C39.3 232.481 40.7063 234.637 41.6813 237.112C42.6938 239.587 43.2 242.306 43.2 245.269C43.2 248.194 42.6938 250.912 41.6813 253.425C40.7063 255.9 39.3 258.056 37.4625 259.894C35.625 261.731 33.4688 263.156 30.9937 264.169C28.5188 265.181 25.8188 265.688 22.8938 265.688ZM22.8375 256.687C24.375 256.687 25.7813 256.406 27.0563 255.844C28.3688 255.281 29.4938 254.494 30.4313 253.481C31.4063 252.431 32.1563 251.212 32.6813 249.825C33.2063 248.437 33.4688 246.919 33.4688 245.269C33.4688 243.619 33.2063 242.1 32.6813 240.712C32.1563 239.325 31.4063 238.125 30.4313 237.112C29.4938 236.062 28.3688 235.256 27.0563 234.694C25.7813 234.131 24.375 233.85 22.8375 233.85C21.3 233.85 19.875 234.131 18.5625 234.694C17.2875 235.256 16.1625 236.062 15.1875 237.112C14.2125 238.125 13.4625 239.325 12.9375 240.712C12.45 242.1 12.2063 243.619 12.2063 245.269C12.2063 246.919 12.45 248.456 12.9375 249.881C13.4625 251.269 14.2125 252.469 15.1875 253.481C16.1625 254.494 17.2875 255.281 18.5625 255.844C19.875 256.406 21.3 256.687 22.8375 256.687ZM76.7953 265.125L61.0453 225.75H71.0016L78.5953 245.831C79.0453 246.994 79.4203 248.006 79.7203 248.869C80.0578 249.731 80.3391 250.537 80.5641 251.287C80.8266 252.037 81.0516 252.806 81.2391 253.594C81.4641 254.344 81.7078 255.206 81.9703 256.181H80.2266C80.5266 254.906 80.8266 253.781 81.1266 252.806C81.4266 251.794 81.7641 250.762 82.1391 249.712C82.5141 248.625 82.9828 247.331 83.5453 245.831L90.8578 225.75H100.645L84.7828 265.125H76.7953ZM122.69 265.125V225.75H150.14V233.906H131.972V256.969H150.703V265.125H122.69ZM127.19 248.981V241.219H147.609V248.981H127.19ZM175.82 265.125V225.75H193.539C196.052 225.75 198.32 226.294 200.345 227.381C202.408 228.469 204.02 229.969 205.183 231.881C206.345 233.756 206.927 235.894 206.927 238.294C206.927 240.769 206.345 243 205.183 244.987C204.02 246.937 202.427 248.475 200.402 249.6C198.377 250.725 196.089 251.287 193.539 251.287H184.933V265.125H175.82ZM197.645 265.125L187.633 247.35L197.42 245.944L208.558 265.125H197.645ZM184.933 243.975H192.695C193.67 243.975 194.514 243.769 195.227 243.356C195.977 242.906 196.539 242.287 196.914 241.5C197.327 240.712 197.533 239.812 197.533 238.8C197.533 237.787 197.308 236.906 196.858 236.156C196.408 235.369 195.752 234.769 194.889 234.356C194.064 233.944 193.052 233.737 191.852 233.737H184.933V243.975ZM241.513 265.125L225.763 225.75H235.72L243.313 245.831C243.763 246.994 244.138 248.006 244.438 248.869C244.776 249.731 245.057 250.537 245.282 251.287C245.545 252.037 245.77 252.806 245.957 253.594C246.182 254.344 246.426 255.206 246.688 256.181H244.945C245.245 254.906 245.545 253.781 245.845 252.806C246.145 251.794 246.482 250.762 246.857 249.712C247.232 248.625 247.701 247.331 248.263 245.831L255.576 225.75H265.363L249.501 265.125H241.513ZM304.002 265.463C300.74 265.463 297.833 264.806 295.283 263.494C292.733 262.144 290.727 260.306 289.265 257.981C287.84 255.656 287.127 252.994 287.127 249.994V225.75H296.802V249.487C296.802 250.912 297.121 252.206 297.758 253.369C298.396 254.494 299.258 255.394 300.346 256.069C301.433 256.706 302.652 257.025 304.002 257.025C305.427 257.025 306.683 256.706 307.771 256.069C308.896 255.394 309.796 254.494 310.471 253.369C311.146 252.206 311.483 250.912 311.483 249.487V225.75H320.821V249.994C320.821 252.994 320.09 255.656 318.627 257.981C317.202 260.306 315.215 262.144 312.665 263.494C310.115 264.806 307.227 265.463 304.002 265.463ZM347.295 265.125V225.75H374.745V233.906H356.576V256.969H375.307V265.125H347.295ZM351.795 248.981V241.219H372.214V248.981H351.795Z" fill="#EFEFEF" fill-opacity="0.866667"/>
10-
</svg>
11-
<!-- <img
4+
<img
125
alt="OverVue"
13-
src="../../../../src/assets/overvue_layeredlogo.png"
6+
src="../../../../src/assets/right_sidebar325x325.svg"
147
id="logo"
15-
/> -->
8+
/>
169
<p id="new-text"></p>
1710
<q-btn
1811
class="tut-btn closeAction"
@@ -55,8 +48,10 @@ const openUrl = (url: string) => shell.openExternal(url, { activate: true });
5548

5649
<style lang="scss" scoped>
5750
#logo {
58-
width: 325px;
59-
height: 325px;
51+
width: auto;
52+
height: auto;
53+
max-width: 18rem;
54+
max-height: 18rem;
6055
}
6156
6257
p {

src/css/app.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
body {
2-
// font-family: "Archivo", sans-serif;
3-
// font-weight: 500;
2+
font-family: "Archivo", sans-serif;
3+
font-weight: 500;
44
// font-family: "Inter", sans-serif;
55
// font-weight: 500;
66

7-
font-family: "Mukta", sans-serif; // <-- old font (OverVue 9 and prior)
7+
// font-family: "Mukta", sans-serif; // <-- old font (OverVue 9 and prior)
88
color: $menutext;
99
height: 100vh;
1010
width: 100vw;

src/index.template.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@
99
<meta name="msapplication-tap-highlight" content="no" />
1010
<meta
1111
name="viewport"
12-
content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
12+
content="user-scalable=yes, initial-scale=1, maximum-scale=5, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
1313
/>
1414

1515
<script
1616
src="https://kit.fontawesome.com/050e20b677.js"
1717
crossorigin="anonymous"
1818
data-auto-add-css="false"
1919
></script>
20-
20+
<!--
2121
<link rel="icon" type="image/png" href="statics/app-logo-128x128.png" />
2222
<link
2323
rel="icon"
@@ -37,14 +37,14 @@
3737
sizes="96x96"
3838
href="statics/icons/favicon-96x96.png"
3939
/>
40-
<link rel="icon" type="image/ico" href="statics/icons/favicon.ico" />
41-
40+
<link rel="icon" type="image/ico" href="statics/icons/favicon.ico" /> -->
41+
<!--
4242
<link rel="preconnect" href="https://fonts.googleapis.com" />
4343
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
4444
<link
4545
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Mukta:wght@200;300;400;500;600;700;800&family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap"
4646
rel="stylesheet"
47-
/>
47+
/> -->
4848

4949
<!-- [OverVue v.10.0] fonts -->
5050
<link rel="preconnect" href="https://fonts.googleapis.com" />

src/layouts/MyLayout.vue

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
<!-- top-left corner: LOGO -->
2121
<img
2222
alt="OverVue"
23-
src="../assets/OverVue_navLogo.png"
23+
src="../assets/app_logo106x23.svg"
2424
id="nav-logo"
2525
/>
2626
<div id="undo-redo">
@@ -466,7 +466,8 @@ const syncOauthGitFlag = (e: Event) => {
466466
}
467467

468468
#nav-logo {
469-
margin-right: 95px;
469+
height: 40px;
470+
margin-left: 8px;
470471
}
471472

472473
q-btn > i {

0 commit comments

Comments
 (0)