From bc0531a9fcc7c72953ebbc951fceadd92631b9af Mon Sep 17 00:00:00 2001 From: "Daniel J. Summers" Date: Thu, 16 Sep 2021 21:53:34 -0400 Subject: [PATCH] Add mobile menu/layout --- src/JobsJobsJobs/App/package-lock.json | 67 +++++++++++++++ src/JobsJobsJobs/App/package.json | 1 + .../App/src/components/ListingSearchForm.vue | 10 +-- .../App/src/components/layout/AppLinks.vue | 82 +++++++++++++++++++ .../App/src/components/layout/AppNav.vue | 77 ++++------------- .../App/src/components/layout/TitleBar.vue | 26 +++--- .../components/profile/PublicSearchForm.vue | 10 +-- .../App/src/components/profile/SearchForm.vue | 10 +-- .../App/src/components/profile/SkillEdit.vue | 6 +- src/JobsJobsJobs/App/vue.config.js | 11 ++- 10 files changed, 208 insertions(+), 92 deletions(-) create mode 100644 src/JobsJobsJobs/App/src/components/layout/AppLinks.vue diff --git a/src/JobsJobsJobs/App/package-lock.json b/src/JobsJobsJobs/App/package-lock.json index 64e8654..4bdc4bd 100644 --- a/src/JobsJobsJobs/App/package-lock.json +++ b/src/JobsJobsJobs/App/package-lock.json @@ -11,6 +11,7 @@ "@mdi/js": "^5.9.55", "@vuelidate/core": "^2.0.0-alpha.24", "@vuelidate/validators": "^2.0.0-alpha.21", + "@vueuse/core": "^6.3.3", "bootstrap": "^5.1.0", "core-js": "^3.16.3", "date-fns": "^2.23.0", @@ -3765,6 +3766,53 @@ "vue-demi": "^0.11.3" } }, + "node_modules/@vueuse/core": { + "version": "6.3.3", + "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-6.3.3.tgz", + "integrity": "sha512-qa/0WYqcvqFKQmlkgsLGlXBrYcQeUi3fzHMIaxsD/lO/zm0IWBSN8CTFu91LwER5qNYs4DGhU5pu7jOdrTzAIQ==", + "dependencies": { + "@vueuse/shared": "6.3.3", + "vue-demi": "*" + }, + "funding": { + "url": "https://github.com/sponsors/antfu" + }, + "peerDependencies": { + "@vue/composition-api": "^1.1.0", + "vue": "^2.6.0 || ^3.2.0" + }, + "peerDependenciesMeta": { + "@vue/composition-api": { + "optional": true + }, + "vue": { + "optional": true + } + } + }, + "node_modules/@vueuse/core/node_modules/@vueuse/shared": { + "version": "6.3.3", + "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-6.3.3.tgz", + "integrity": "sha512-2+YPRhFNUXEhhvKNTWBtNU6hGkft9+mfYSVjI4hZu2U8KDbNNKF/215lBPzMYI2twScDtPsAssQ+vu5t9PBy0g==", + "dependencies": { + "vue-demi": "*" + }, + "funding": { + "url": "https://github.com/sponsors/antfu" + }, + "peerDependencies": { + "@vue/composition-api": "^1.1.0", + "vue": "^2.6.0 || ^3.2.0" + }, + "peerDependenciesMeta": { + "@vue/composition-api": { + "optional": true + }, + "vue": { + "optional": true + } + } + }, "node_modules/@webassemblyjs/ast": { "version": "1.9.0", "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz", @@ -21238,6 +21286,25 @@ "vue-demi": "^0.11.3" } }, + "@vueuse/core": { + "version": "6.3.3", + "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-6.3.3.tgz", + "integrity": "sha512-qa/0WYqcvqFKQmlkgsLGlXBrYcQeUi3fzHMIaxsD/lO/zm0IWBSN8CTFu91LwER5qNYs4DGhU5pu7jOdrTzAIQ==", + "requires": { + "@vueuse/shared": "6.3.3", + "vue-demi": "*" + }, + "dependencies": { + "@vueuse/shared": { + "version": "6.3.3", + "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-6.3.3.tgz", + "integrity": "sha512-2+YPRhFNUXEhhvKNTWBtNU6hGkft9+mfYSVjI4hZu2U8KDbNNKF/215lBPzMYI2twScDtPsAssQ+vu5t9PBy0g==", + "requires": { + "vue-demi": "*" + } + } + } + }, "@webassemblyjs/ast": { "version": "1.9.0", "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz", diff --git a/src/JobsJobsJobs/App/package.json b/src/JobsJobsJobs/App/package.json index 45eba23..549b379 100644 --- a/src/JobsJobsJobs/App/package.json +++ b/src/JobsJobsJobs/App/package.json @@ -13,6 +13,7 @@ "@mdi/js": "^5.9.55", "@vuelidate/core": "^2.0.0-alpha.24", "@vuelidate/validators": "^2.0.0-alpha.21", + "@vueuse/core": "^6.3.3", "bootstrap": "^5.1.0", "core-js": "^3.16.3", "date-fns": "^2.23.0", diff --git a/src/JobsJobsJobs/App/src/components/ListingSearchForm.vue b/src/JobsJobsJobs/App/src/components/ListingSearchForm.vue index 287e876..3a240ad 100644 --- a/src/JobsJobsJobs/App/src/components/ListingSearchForm.vue +++ b/src/JobsJobsJobs/App/src/components/ListingSearchForm.vue @@ -1,15 +1,15 @@ diff --git a/src/JobsJobsJobs/App/src/components/layout/AppLinks.vue b/src/JobsJobsJobs/App/src/components/layout/AppLinks.vue new file mode 100644 index 0000000..17d52f4 --- /dev/null +++ b/src/JobsJobsJobs/App/src/components/layout/AppLinks.vue @@ -0,0 +1,82 @@ + + + + + diff --git a/src/JobsJobsJobs/App/src/components/layout/AppNav.vue b/src/JobsJobsJobs/App/src/components/layout/AppNav.vue index 299bf6c..1e1814a 100644 --- a/src/JobsJobsJobs/App/src/components/layout/AppNav.vue +++ b/src/JobsJobsJobs/App/src/components/layout/AppNav.vue @@ -1,88 +1,41 @@ diff --git a/src/JobsJobsJobs/App/src/components/layout/TitleBar.vue b/src/JobsJobsJobs/App/src/components/layout/TitleBar.vue index 4c7fa0d..d566683 100644 --- a/src/JobsJobsJobs/App/src/components/layout/TitleBar.vue +++ b/src/JobsJobsJobs/App/src/components/layout/TitleBar.vue @@ -1,9 +1,9 @@