STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

added cta button

Browse Source
This commit is contained in:
James Collins
2023-04-17 14:58:08 +10:00
parent 7f03228efa
commit bf4f378108
1 changed files with 23 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
resources/js/components/SMNavbar.vue
View File

@@ -20,15 +20,22 @@
height="40" height="40"
alt="STEMMechanics" /> alt="STEMMechanics" />
</router-link> </router-link>
<label <div class="sm-nav-right">
id="sm-nav-toggle" <SMButton
@click.stop="handleClickToggleMenu" type="primary"
><img size="medium"
src="/assets/hamburger.svg" :to="{ name: 'event-list' }"
width="24" label="Find Workshops" />
height="24" <label
alt="Navbar Toggle" id="sm-nav-toggle"
/></label> @click.stop="handleClickToggleMenu"
><img
src="/assets/hamburger.svg"
width="24"
height="24"
alt="Navbar Toggle"
/></label>
</div>
</div> </div>
<div id="sm-nav"> <div id="sm-nav">
<ul> <ul>
@@ -51,6 +58,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref } from "vue"; import { ref } from "vue";
import { useUserStore } from "../store/UserStore"; import { useUserStore } from "../store/UserStore";
import SMButton from "../components/SMButton.vue";
const userStore = useUserStore(); const userStore = useUserStore();
const showToggle = ref(false); const showToggle = ref(false);
@@ -189,6 +197,12 @@ body[data-route-name="page-home"] {
} }
} }
.sm-nav-right {
display: flex;
align-items: center;
gap: 20px;
}
#sm-nav-toggle { #sm-nav-toggle {
padding: 24px; padding: 24px;
} }