From a37d5378aa940e556c0039d5da21e8fdde377484 Mon Sep 17 00:00:00 2001 From: dyhj625 Date: Fri, 21 Mar 2025 12:19:26 +0900 Subject: [PATCH] . --- public/css/custom.css | 106 +++++++++++-------------- src/views/voteboard/voteboardWrite.vue | 8 ++ 2 files changed, 56 insertions(+), 58 deletions(-) diff --git a/public/css/custom.css b/public/css/custom.css index b7a37f5..b790072 100644 --- a/public/css/custom.css +++ b/public/css/custom.css @@ -701,83 +701,73 @@ /* BoardComment end */ -/* vote */ -.hidden-date-input { - position: absolute; - top: 28.5%; - left: 17%; - width: 100%; - opacity: 0; - pointer-events: none; -} - /* 권한부여 */ .user-card-container { - display: flex; - flex-wrap: wrap; - gap: 20px; - justify-content: center; - margin-top: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; + justify-content: center; + margin-top: 20px; } .user-card { - width: 200px; - padding: 15px; - border: 1px solid #ddd; - border-radius: 10px; - background-color: #fff; - box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); - display: flex; - flex-direction: column; - align-items: center; - text-align: center; + width: 200px; + padding: 15px; + border: 1px solid #ddd; + border-radius: 10px; + background-color: #fff; + box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); + display: flex; + flex-direction: column; + align-items: center; + text-align: center; } .profile-img { - width: 80px; - height: 80px; - border-radius: 50%; - object-fit: cover; - margin-bottom: 10px; + width: 80px; + height: 80px; + border-radius: 50%; + object-fit: cover; + margin-bottom: 10px; } .switch { - position: relative; - display: inline-block; - width: 50px; - height: 24px; - margin-top: 5px; + position: relative; + display: inline-block; + width: 50px; + height: 24px; + margin-top: 5px; } .switch input { - opacity: 0; - width: 0; - height: 0; + opacity: 0; + width: 0; + height: 0; } .slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #ccc; - transition: .4s; - border-radius: 24px; + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + transition: .4s; + border-radius: 24px; } .slider:before { - position: absolute; - content: ""; - height: 18px; - width: 18px; - left: 4px; - bottom: 3px; - background-color: white; - transition: .4s; - border-radius: 50%; + position: absolute; + content: ""; + height: 18px; + width: 18px; + left: 4px; + bottom: 3px; + background-color: white; + transition: .4s; + border-radius: 50%; } input:checked + .slider { - background-color: #4CAF50; + background-color: #4CAF50; } input:checked + .slider:before { - transform: translateX(24px); + transform: translateX(24px); } /* 권한부여 끝 */ diff --git a/src/views/voteboard/voteboardWrite.vue b/src/views/voteboard/voteboardWrite.vue index d1b3a03..98c55cb 100644 --- a/src/views/voteboard/voteboardWrite.vue +++ b/src/views/voteboard/voteboardWrite.vue @@ -235,4 +235,12 @@ const goList = () => { .item-input { max-width: 200px; } +.hidden-date-input { + position: absolute; + top: 28.5%; + left: 17%; + width: 100%; + opacity: 0; + pointer-events: none; +}