diff options
| author | Andrey V.Kosteltsev <AKosteltsev@IBS.RU> | 2022-07-29 10:47:46 +0300 |
|---|---|---|
| committer | Andrey V.Kosteltsev <AKosteltsev@IBS.RU> | 2022-07-29 10:47:46 +0300 |
| commit | 6c07ac956269e7bd51d4f4299ed49c5ef393034b (patch) | |
| tree | ee08c4a2b2f11e9ca1c166d1d4fd829e4787fa22 | |
| parent | 78fb5af8b80f3850b13489096e607eb04be9acd0 (diff) | |
| download | webui-vue-6c07ac956269e7bd51d4f4299ed49c5ef393034b.tar.xz | |
Button BackToTop alignment
| -rw-r--r-- | src/components/_sila/Global/ButtonBackToTop.vue | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/components/_sila/Global/ButtonBackToTop.vue b/src/components/_sila/Global/ButtonBackToTop.vue index 9160c7b7..26c3688b 100644 --- a/src/components/_sila/Global/ButtonBackToTop.vue +++ b/src/components/_sila/Global/ButtonBackToTop.vue @@ -47,8 +47,8 @@ export default { <style lang="scss" scoped> .btn-top { position: fixed; - bottom: 24px; - right: 24px; + bottom: $spacer; + right: $spacer * 2; box-shadow: $box-shadow; visibility: hidden; @@ -56,9 +56,9 @@ export default { transition: $transition-base; z-index: $zindex-fixed; - @media (min-width: 1600px) { - left: 1485px; - right: auto; + @include media-breakpoint-up($responsive-layout-bp) { + left: auto; + right: $spacer * 3; } } .show-btn { |