Skip to content

Commit

Permalink
Added grey icon, still need to adjust text centering and new width?
Browse files Browse the repository at this point in the history
  • Loading branch information
nidhi-mylavarapu committed Feb 10, 2024
1 parent e4edad9 commit c5a888c
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 4 deletions.
3 changes: 3 additions & 0 deletions src/assets/images/navbar/scheduleBuilderIcon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 5 additions & 4 deletions src/components/NavBar.vue
Original file line number Diff line number Diff line change
Expand Up @@ -28,10 +28,10 @@
<span>Profile</span>
</div>
</div>
<div class="navbar-buttonWrapper desktop" @click="openTools" data-cyId="openTools">
<div class="navbar-buttonWrapper desktop">
<button class="navbar-iconWrapper schedule-builder-icon full-opacity-on-hover" />
<div class="navbar-iconText">
<span>Sched</span>
<span>Schedule Builder</span>
</div>
</div>
</div>
Expand Down Expand Up @@ -146,12 +146,13 @@ $mobile-navbar-height: 4.5rem;
background-repeat: no-repeat;
background-size: auto;
background-position: center;
justify-content: center;
}
&-buttonWrapper {
cursor: pointer;
margin-bottom: 1.5rem;
justify-content: center;
&:hover,
&:focus,
&:active {
Expand Down Expand Up @@ -205,7 +206,7 @@ $mobile-navbar-height: 4.5rem;
}
.schedule-builder-icon {
background-image: url('@/assets/images/navbar/scheduleBuilderIconBlue.svg');
background-image: url('@/assets/images/navbar/scheduleBuilderIcon.svg');
}
.requirements-bar {
Expand Down

0 comments on commit c5a888c

Please sign in to comment.