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 Button */
|
||||||
|
|
||||||
.scroll-top-btn {
|
.scroll-top-btn {
|
||||||
bottom: 20px;
|
bottom: 40px;
|
||||||
right: 21.7%;
|
right: 21.7%;
|
||||||
transition:
|
transition:
|
||||||
opacity 0.4s ease,
|
opacity 0.4s ease,
|
||||||
visibility 0.4s ease,
|
visibility 0.4s ease,
|
||||||
transform 0.4s ease;
|
transform 0.4s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scroll-top-btn.visible {
|
.scroll-top-btn.visible {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.scroll-top-btn.hidden {
|
.scroll-top-btn.hidden {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
transform: translateY(10px);
|
transform: translateY(10px);
|
||||||
}
|
}
|
||||||
|
.back-btn {
|
||||||
|
bottom: 40px;
|
||||||
|
right: 21.7%;
|
||||||
|
transition: transform 0.4s ease;
|
||||||
|
}
|
||||||
|
.back-btn.shifted {
|
||||||
|
transform: translateY(-50px);
|
||||||
|
}
|
||||||
|
|
||||||
/* Scroll Button end */
|
/* Scroll Button end */
|
||||||
|
|
||||||
|
|||||||
@ -1,4 +1,13 @@
|
|||||||
<template>
|
<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
|
<button
|
||||||
@click="scrollToTop"
|
@click="scrollToTop"
|
||||||
class="scroll-top-btn rounded-pill btn-icon btn-primary position-fixed shadow z-5 border-0"
|
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" });
|
window.scrollTo({ top: 0, behavior: "smooth" });
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const goBack = () => {
|
||||||
|
window.history.back();
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
window.addEventListener("scroll", handleScroll);
|
window.addEventListener("scroll", handleScroll);
|
||||||
});
|
});
|
||||||
|
|||||||
@ -14,6 +14,7 @@
|
|||||||
:value="computedValue"
|
:value="computedValue"
|
||||||
:disabled="disabled"
|
:disabled="disabled"
|
||||||
:maxLength="maxlength"
|
:maxLength="maxlength"
|
||||||
|
:minLength="minlength"
|
||||||
:placeholder="title"
|
:placeholder="title"
|
||||||
@blur="$emit('blur')"
|
@blur="$emit('blur')"
|
||||||
/>
|
/>
|
||||||
@ -29,6 +30,7 @@
|
|||||||
:value="computedValue"
|
:value="computedValue"
|
||||||
:disabled="disabled"
|
:disabled="disabled"
|
||||||
:maxLength="maxlength"
|
:maxLength="maxlength"
|
||||||
|
:minLength="minlength"
|
||||||
:placeholder="title"
|
:placeholder="title"
|
||||||
@blur="$emit('blur')"
|
@blur="$emit('blur')"
|
||||||
@click="handleDateClick"
|
@click="handleDateClick"
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user