Skip to content

Commit

Permalink
Add navBar style (#23)
Browse files Browse the repository at this point in the history
  • Loading branch information
Lvw666 authored Sep 7, 2023
1 parent eab4054 commit 1f1da88
Show file tree
Hide file tree
Showing 4 changed files with 14 additions and 14 deletions.
20 changes: 10 additions & 10 deletions packages/ui-default/components/navigation/navigation.page.styl
Original file line number Diff line number Diff line change
Expand Up @@ -65,16 +65,16 @@
transition: max-width .5s ease-out-cubic
width: 100%

.nav--shadow
position: fixed
left: 0
top: 0
width: 100%
height: rem($nav-item-height)
z-index: 300
transition: box-shadow .2s
transition-timing-function: ease-out-cubic
box-shadow: 0 0 6px rgba(#000, 0.3)
// .nav--shadow
// position: fixed
// left: 0
// top: 0
// width: 100%
// height: rem($nav-item-height)
// z-index: 300
// transition: box-shadow .2s
// transition-timing-function: ease-out-cubic
// box-shadow: 0 0 6px rgba(#000, 0.3)

.nojs &
display: none
Expand Down
2 changes: 1 addition & 1 deletion packages/ui-default/components/nprogress.page.styl
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ $spinner-margin = ($nav-item-height - $spinner-size) / 2
#nprogress .bar
background: $nprogress-color
position: fixed
top: $nav-item-height
top: 100px
z-index: 99
left: 0
width: 100%
Expand Down
2 changes: 1 addition & 1 deletion packages/ui-default/misc/tailwindstylus.styl
Original file line number Diff line number Diff line change
Expand Up @@ -114,7 +114,7 @@
background-color: #000

.bg-white
background-color: #FFF
background-color: #FFF !important

.bg-gray
background-color: #888
Expand Down
4 changes: 2 additions & 2 deletions packages/ui-default/templates/partials/nav.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
</li>
{%- endmacro -%}

<nav class="nav slideout-menu" id="menu">
<nav class="nav slideout-menu bg-white" id="menu">
<div class="row"><div class="columns clearfix nav-flex">
<ol class="nav__list nav__list--main clearfix nav-title">
<li class="nav__list-item">
Expand Down Expand Up @@ -55,7 +55,7 @@
</li> #}
{% endif %}
<li class="nav__list-item" data-dropdown-pos="bottom right" data-dropdown-custom-class="nav__dropdown" data-dropdown-target="#menu-nav-user" data-dropdown-disabledconstrainToWindow data-dropdown-trigger-desktop-only>
<a href="{{ url('user_detail', uid=handler.user._id) }}" class="nav__item"><span class="icon mr-2"><img class="small user-profile-avatar v-center" loading="lazy" src="{{ avatarUrl(UiContext.domain.avatar|default('')) }}" width="20" height="20"></span>{{ handler.user.uname }}</a>
<a href="{{ url('user_detail', uid=handler.user._id) }}" class="nav__item"><span class="icon mr-2"><img class="small user-profile-avatar v-center" loading="lazy" src="{{ avatarUrl(udoc.avatar|default('')) }}" width="20" height="20"></span>{{ handler.user.uname }}</a>
<ol class="dropdown-target menu" id="menu-nav-user">
<li class="menu__item">
<a href="{{ url('user_detail', uid=handler.user._id) }}" class="menu__link">
Expand Down

0 comments on commit 1f1da88

Please sign in to comment.