Merge branch 'main' into project-list
All checks were successful
LocalNet_front/pipeline/head This commit looks good
All checks were successful
LocalNet_front/pipeline/head This commit looks good
This commit is contained in:
commit
186e8caa01
@ -591,25 +591,31 @@
|
||||
/* Scroll Button */
|
||||
|
||||
.scroll-top-btn {
|
||||
bottom: 20px;
|
||||
bottom: 40px;
|
||||
right: 21.7%;
|
||||
transition:
|
||||
opacity 0.4s ease,
|
||||
visibility 0.4s ease,
|
||||
transform 0.4s ease;
|
||||
}
|
||||
|
||||
.scroll-top-btn.visible {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.scroll-top-btn.hidden {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translateY(10px);
|
||||
}
|
||||
.back-btn {
|
||||
bottom: 40px;
|
||||
right: 21.7%;
|
||||
transition: transform 0.4s ease;
|
||||
}
|
||||
.back-btn.shifted {
|
||||
transform: translateY(-50px);
|
||||
}
|
||||
|
||||
/* Scroll Button end */
|
||||
|
||||
|
||||
@ -1,4 +1,13 @@
|
||||
<template>
|
||||
<!-- 뒤로가기 -->
|
||||
<button
|
||||
@click="goBack"
|
||||
:class="{ 'shifted': showButton }"
|
||||
class="back-btn rounded-pill btn-icon btn-secondary position-fixed shadow z-5 border-0">
|
||||
<i class='bx bx-chevron-left'></i>
|
||||
</button>
|
||||
|
||||
<!-- 맨 위로 -->
|
||||
<button
|
||||
@click="scrollToTop"
|
||||
class="scroll-top-btn rounded-pill btn-icon btn-primary position-fixed shadow z-5 border-0"
|
||||
@ -21,6 +30,11 @@ const scrollToTop = () => {
|
||||
window.scrollTo({ top: 0, behavior: "smooth" });
|
||||
};
|
||||
|
||||
const goBack = () => {
|
||||
window.history.back();
|
||||
};
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
window.addEventListener("scroll", handleScroll);
|
||||
});
|
||||
|
||||
@ -14,6 +14,7 @@
|
||||
:value="computedValue"
|
||||
:disabled="disabled"
|
||||
:maxLength="maxlength"
|
||||
:minLength="minlength"
|
||||
:placeholder="title"
|
||||
@blur="$emit('blur')"
|
||||
/>
|
||||
@ -29,6 +30,7 @@
|
||||
:value="computedValue"
|
||||
:disabled="disabled"
|
||||
:maxLength="maxlength"
|
||||
:minLength="minlength"
|
||||
:placeholder="title"
|
||||
@blur="$emit('blur')"
|
||||
@click="handleDateClick"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user