diff --git a/public/index.html b/public/index.html index a261edf20..7764f16d7 100644 --- a/public/index.html +++ b/public/index.html @@ -1,15 +1,17 @@ - - - - - - PrimeVUE - - - - -
- - + + + + + + + PrimeVUE + + + + +
+ + + \ No newline at end of file diff --git a/src/AppTopBar.vue b/src/AppTopBar.vue index 82ddc2352..f234f2af2 100644 --- a/src/AppTopBar.vue +++ b/src/AppTopBar.vue @@ -9,13 +9,93 @@ - \ No newline at end of file + + + \ No newline at end of file diff --git a/src/assets/images/layouts/themeswitcher-luna-amber.png b/src/assets/images/layouts/themeswitcher-luna-amber.png new file mode 100644 index 000000000..2cb7685a4 Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-luna-amber.png differ diff --git a/src/assets/images/layouts/themeswitcher-luna-blue.png b/src/assets/images/layouts/themeswitcher-luna-blue.png new file mode 100644 index 000000000..fac433949 Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-luna-blue.png differ diff --git a/src/assets/images/layouts/themeswitcher-luna-green.png b/src/assets/images/layouts/themeswitcher-luna-green.png new file mode 100644 index 000000000..f4c378994 Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-luna-green.png differ diff --git a/src/assets/images/layouts/themeswitcher-luna-pink.png b/src/assets/images/layouts/themeswitcher-luna-pink.png new file mode 100644 index 000000000..6ef7b35fb Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-luna-pink.png differ diff --git a/src/assets/images/layouts/themeswitcher-nova-colored.png b/src/assets/images/layouts/themeswitcher-nova-colored.png new file mode 100644 index 000000000..260087fbc Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-nova-colored.png differ diff --git a/src/assets/images/layouts/themeswitcher-nova-dark.png b/src/assets/images/layouts/themeswitcher-nova-dark.png new file mode 100644 index 000000000..6d2eaa7e3 Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-nova-dark.png differ diff --git a/src/assets/images/layouts/themeswitcher-nova-light.png b/src/assets/images/layouts/themeswitcher-nova-light.png new file mode 100644 index 000000000..12ff704a8 Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-nova-light.png differ diff --git a/src/assets/images/layouts/themeswitcher-rhea.png b/src/assets/images/layouts/themeswitcher-rhea.png new file mode 100644 index 000000000..9d048c410 Binary files /dev/null and b/src/assets/images/layouts/themeswitcher-rhea.png differ diff --git a/src/assets/styles/app.scss b/src/assets/styles/app.scss index 0ee2da8db..21cb565d0 100644 --- a/src/assets/styles/app.scss +++ b/src/assets/styles/app.scss @@ -117,24 +117,20 @@ body { text-align: center; padding-bottom: 8px; border-bottom: 4px solid transparent; - @include transition(background-color .2s); + user-select: none; + @include transition(border-color .2s); &:hover { border-bottom-color: #41b883; } } - > ul{ - display: none; - } - &.topbar-menu-themes { position: relative; - cursor: pointer; > ul { position: absolute; - top: 65px; + top: 45px; left: -75px; width: 250px; max-height: 300px; @@ -147,9 +143,6 @@ body { padding: 15px 0; margin: 0; border-radius: 3px; - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; - animation-duration: .5s; > li.topbar-submenu-header { padding: 6px 12px; @@ -164,7 +157,9 @@ body { color: #404C51; padding: 6px 12px; display: block; - @include transition(all .5s ease); + user-select: none; + cursor: pointer; + @include transition(background-color .2s); &:hover { background-color: #eeeeee; @@ -187,9 +182,6 @@ body { margin-right: 4px; } } - &.active-top-menu { - display: block; - } } } } @@ -329,6 +321,7 @@ body { -webkit-border-radius: 4px; font-size: 14px; color: #494c52; + transition: background-color .2s; &:hover { background-color: #eeeeee; @@ -1068,7 +1061,6 @@ a{ pre[class*="language-"] code { border-left: 10px solid #b3e3cd !important; box-shadow: -1px 0px 0px 0px #b3e3cd, 0px 0px 0px 1px #f8f8f8 !important; - webkit-box-shadow: -1px 0px 0px 0px #b3e3cd, 0px 0px 0px 1px #f8f8f8 !important; background: #ffffff !important; margin: 1em 0;