diff options
| author |  vnugent <public@vaughnnugent.com> | 2023-08-04 11:50:02 -0400 |
|---|---|---|
| committer | vnugent <public@vaughnnugent.com> | 2023-08-04 11:50:02 -0400 |
| commit | 97a5522a65d75fcddd71b70b551658b74cbd3907 (patch) | |
| tree | 1221143a342190c8e027124665a6b0366cc74085 /front-end/src/bootstrap/components | |
| parent | c672c09c2507b384756fd1a2ab6d8f62d8776e36 (diff) | |
package updates and cleanup 2 of 2
Diffstat (limited to 'front-end/src/bootstrap/components')
| -rw-r--r-- | front-end/src/bootstrap/components/Footer.vue | 20 | ||||
| -rw-r--r-- | front-end/src/bootstrap/components/Header.vue | 8 |
2 files changed, 14 insertions, 14 deletions
diff --git a/front-end/src/bootstrap/components/Footer.vue b/front-end/src/bootstrap/components/Footer.vue index 5d05a6c..e0551f9 100644 --- a/front-end/src/bootstrap/components/Footer.vue +++ b/front-end/src/bootstrap/components/Footer.vue @@ -1,19 +1,19 @@ <template> - <footer class="bottom-0 left-0 z-10 w-full"> + <footer id="vn-footer" class="bottom-0 left-0 z-10 w-full"> <div id="footer-content" class="footer-content" > <div class="footer-main-container"> - <div class="col-span-4 sm:col-span-6 lg:col-span-3"> + <div id="footer-text-container" class="col-span-4 sm:col-span-6 lg:col-span-3"> <p class="my-4 text-sm leading-normal"> CMNext ia a AGPL3 licensed free and open source content management system </p> </div> - <nav> + <nav class="footer-nav" data-footer-nav="1"> <slot name="footer-nav-1" /> </nav> - <nav> + <nav class="footer-nav" data-footer-nav="2"> <slot name="footer-nav-2" /> </nav> - <nav> + <nav class="footer-nav" data-footer-nav="3"> <p class="nav-title"> Built with </p> @@ -22,13 +22,13 @@ <a class="footer-link" href="https://vuejs.org/">Vuejs v3</a> <a class="footer-link" href="https://fontawesome.com/">Font Awesome</a> </nav> - <div class="color-selector-container"> - <p class="nav-title"> + <div id="theme-selection-container" class="color-selector-container"> + <p id="nav-title" class="nav-title"> Color Scheme </p> <div class="flex flex-row gap-6 md:my-auto"> <div class=""> - <button class="bg-sel-btn" @click.prevent="Dark" > + <button class="bg-sel-btn" data-theme-button="dark-mode" @click.prevent="Dark" > Dark </button> </div> @@ -36,14 +36,14 @@ <fa-icon icon="lightbulb" /> </div> <div class=""> - <button class="bg-sel-btn" @click.prevent="Light"> + <button class="bg-sel-btn" data-theme-button="light-mode" @click.prevent="Light"> Light </button> </div> </div> </div> </div> - <div class="text-sm footer-lower"> + <div id="footer-lower" class="text-sm footer-lower"> <div class="mb-6 md:mb-0"> <p class="text-left"> Highly angular trousers ~ Pete Jordanson diff --git a/front-end/src/bootstrap/components/Header.vue b/front-end/src/bootstrap/components/Header.vue index f7481a3..dfdd667 100644 --- a/front-end/src/bootstrap/components/Header.vue +++ b/front-end/src/bootstrap/components/Header.vue @@ -52,16 +52,16 @@ <div ref="userDrop" class="absolute top-0 right-0 duration-100 ease-in-out" style="z-index:-1" :style="dropStyle"> <div class="drop-menu" @click.prevent="userMenuHovered = false"> <span class="space-x-2" /> - <a v-if="!loggedIn" href="#" @click="gotoRoute('/register')"> + <a v-if="!loggedIn" href="#" data-header-dropdown="register" @click="gotoRoute('/register')"> Register </a> - <a v-else href="#" @click="gotoRoute('/account')"> + <a v-else href="#" data-header-dropdown="account" @click="gotoRoute('/account')"> Account </a> - <a v-if="!loggedIn" href="#" @click="gotoRoute('/login')"> + <a v-if="!loggedIn" href="#" data-header-dropdown="login" @click="gotoRoute('/login')"> Login </a> - <a v-else href="#" @click.prevent="OnLogout"> + <a v-else href="#" data-header-dropdown="logout" @click.prevent="OnLogout"> Logout </a> </div> |