From 189721271310ccd7a9d1bea7c05a08fa999cea05 Mon Sep 17 00:00:00 2001 From: Cade Ayres Date: Wed, 6 Nov 2024 22:37:17 +0000 Subject: [PATCH 01/95] Updated Hero component to remove dependency on class name. Replaced usages with v2. --- src/components/Hero.vue | 31 --------- src/components/all.ts | 2 +- .../config-components/ConfigEditLayout.vue | 4 +- .../ConfigSelectionLayout.vue | 2 +- src/components/mixins/SplashMixin.vue | 2 +- .../settings-components/SettingsView.vue | 2 +- src/components/v2/Hero.vue | 66 +++++++++++++++++-- src/css/app.scss | 2 + src/css/v2/_initial.scss | 8 +++ src/css/v2/main.scss | 3 + src/pages/DownloadMonitor.vue | 2 +- src/pages/GameSelectionScreen.vue | 4 +- src/pages/Help.vue | 2 +- src/pages/LinuxNativeGameSetup.vue | 2 +- src/pages/Profiles.vue | 2 +- .../components/template.hero.vue.spec.ts | 2 +- 16 files changed, 85 insertions(+), 51 deletions(-) delete mode 100644 src/components/Hero.vue create mode 100644 src/css/v2/_initial.scss create mode 100644 src/css/v2/main.scss diff --git a/src/components/Hero.vue b/src/components/Hero.vue deleted file mode 100644 index 2928512aa..000000000 --- a/src/components/Hero.vue +++ /dev/null @@ -1,31 +0,0 @@ - - - diff --git a/src/components/all.ts b/src/components/all.ts index bfbe6bbc0..c7ee9e7cf 100644 --- a/src/components/all.ts +++ b/src/components/all.ts @@ -1,4 +1,4 @@ -import Hero from './Hero.vue'; +import Hero from './v2/Hero.vue'; import Progress from './Progress.vue'; import ExpandableCard from './ExpandableCard.vue'; import Modal from './Modal.vue'; diff --git a/src/components/config-components/ConfigEditLayout.vue b/src/components/config-components/ConfigEditLayout.vue index 1d367b617..8e5613f3a 100644 --- a/src/components/config-components/ConfigEditLayout.vue +++ b/src/components/config-components/ConfigEditLayout.vue @@ -3,7 +3,7 @@
@@ -73,7 +73,7 @@ import { Component, Prop, Vue } from 'vue-property-decorator'; import ConfigLine from '../../model/file/ConfigLine'; import FsProvider from '../../providers/generic/file/FsProvider'; import ConfigFile from '../../model/file/ConfigFile'; -import Hero from '../Hero.vue'; +import { Hero } from '../all'; import QuillEditor from '../QuillEditor.vue'; import BepInExConfigUtils from '../../utils/BepInExConfigUtils'; diff --git a/src/components/config-components/ConfigSelectionLayout.vue b/src/components/config-components/ConfigSelectionLayout.vue index 334e5a58a..47268004b 100644 --- a/src/components/config-components/ConfigSelectionLayout.vue +++ b/src/components/config-components/ConfigSelectionLayout.vue @@ -3,7 +3,7 @@
diff --git a/src/components/mixins/SplashMixin.vue b/src/components/mixins/SplashMixin.vue index 6d7ef24a0..bad81f5c2 100644 --- a/src/components/mixins/SplashMixin.vue +++ b/src/components/mixins/SplashMixin.vue @@ -10,7 +10,7 @@ import type { PackageListChunks, PackageListIndex } from '../../store/modules/Ts @Component export default class SplashMixin extends Vue { heroTitle = ''; - heroType: string = 'is-info'; + heroType: string = 'primary'; isOffline = false; loadingText = ''; requests: RequestItem[] = []; diff --git a/src/components/settings-components/SettingsView.vue b/src/components/settings-components/SettingsView.vue index 34e1f5d38..29174c394 100644 --- a/src/components/settings-components/SettingsView.vue +++ b/src/components/settings-components/SettingsView.vue @@ -2,7 +2,7 @@
+ heroType='primary'/>
diff --git a/src/components/v2/Hero.vue b/src/components/v2/Hero.vue index ea82efcb7..fca6490da 100644 --- a/src/components/v2/Hero.vue +++ b/src/components/v2/Hero.vue @@ -1,12 +1,14 @@ + + diff --git a/src/css/app.scss b/src/css/app.scss index 75c039a40..84b2b9676 100644 --- a/src/css/app.scss +++ b/src/css/app.scss @@ -1,4 +1,6 @@ @charset "utf-8"; +@use "v2/main"; +@use "v2/initial"; @import "quasar.css"; @import "fontawesome-free-5.11.2/css/all.min.css"; diff --git a/src/css/v2/_initial.scss b/src/css/v2/_initial.scss new file mode 100644 index 000000000..6739154a3 --- /dev/null +++ b/src/css/v2/_initial.scss @@ -0,0 +1,8 @@ +:root { + --r2-primary-color: #3f8ecf; + --r2-primary-text-color: white; + + --r2-warning-color: #ffe08a; + --r2-warning-text-color: #222; + //--r2-danger-color: +} diff --git a/src/css/v2/main.scss b/src/css/v2/main.scss new file mode 100644 index 000000000..57b854809 --- /dev/null +++ b/src/css/v2/main.scss @@ -0,0 +1,3 @@ +body { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; +} diff --git a/src/pages/DownloadMonitor.vue b/src/pages/DownloadMonitor.vue index e2cb2b9b4..2503e4161 100644 --- a/src/pages/DownloadMonitor.vue +++ b/src/pages/DownloadMonitor.vue @@ -1,6 +1,6 @@