류윤주 류윤주 06-27
250627 류윤주 수정
@61fc8641af81ce7cc5596a919a2ab9b1cb8cc815
 
client/resources/img/content/ico_3dview.svg (added)
+++ client/resources/img/content/ico_3dview.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9981 9L4.74414 4.75L11.9981 0.5L19.2548 4.75L11.9981 9Z" stroke="#2C2092" stroke-width="0.99006" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.7654 17.5L4.74414 13.25V4.75L11.7654 9V17.5Z" stroke="#2C2092" stroke-width="0.99006" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.255 13.25L11.7656 17.5V9L19.255 4.75V13.25Z" stroke="#2C2092" stroke-width="0.99006" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1 4.27772V0.972168H4.27659" stroke="#2C2092" stroke-width="0.99006" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.9996 13.25V17.0278H19.2549" stroke="#2C2092" stroke-width="0.99006" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.2549 0.972168H22.9996V4.27772" stroke="#2C2092" stroke-width="0.99006" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.27659 17.0278H1V13.25" stroke="#2C2092" stroke-width="0.99006" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
 
client/resources/img/content/ico_copy.svg (added)
+++ client/resources/img/content/ico_copy.svg
@@ -0,0 +1,8 @@
+<svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.21777 4.1142V1H13.4296L18.9999 6.48088V16.9551H15.1782" stroke="#2C2092" stroke-width="1.01877" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.4297 1L19 6.48088" stroke="#2C2092" stroke-width="1.01877" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 6.48088H13.4297V1L19 6.48088Z" stroke="#2C2092" stroke-width="1.01877" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.7821 10.5258V21H1V5.04492H9.21184L14.7821 10.5258Z" stroke="#2C2092" stroke-width="1.01877" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.18359 13.6133H10.3519" stroke="#2C2092" stroke-width="1.01877" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.76758 16.2725V10.9541" stroke="#2C2092" stroke-width="1.01877" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
 
client/resources/img/content/ico_crop.svg (added)
+++ client/resources/img/content/ico_crop.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.2373 3.54363L19.2592 1.40332" stroke="#2C2092" stroke-width="0.941343" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.74707 14.6418L13.8423 7.13428" stroke="#2C2092" stroke-width="0.941343" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.42969 20.2689L3.23611 18.3584" stroke="#2C2092" stroke-width="0.941343" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.12305 18.2389H19.4999V14.9553H6.24245V1H3.12305V18.2389Z" stroke="#2C2092" stroke-width="0.941343" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.1611 14.7316V3.46289H6.3623" stroke="#2C2092" stroke-width="0.941343" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.041 18.3135V21.0001H17.1604V18.3135" stroke="#2C2092" stroke-width="0.941343" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.26562 6.74609H14.0415V14.8297" stroke="#2C2092" stroke-width="0.941343" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.05224 3.46289H0.5V6.74649H3.14582" stroke="#2C2092" stroke-width="0.941343" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
 
client/resources/img/content/ico_measure.svg (added)
+++ client/resources/img/content/ico_measure.svg
@@ -0,0 +1,17 @@
+<svg width="24" height="8" viewBox="0 0 24 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_105_332)">
+<path d="M0.585937 0.555552L0.585938 7.44482L23.4133 7.44482L23.4133 0.555551L0.585937 0.555552Z" stroke="#2C2092" stroke-width="0.931091"/>
+<path d="M3.35352 3.87061L3.35352 0.427358" stroke="#2C2092" stroke-width="0.931091"/>
+<path d="M6.12109 5.02051L6.12109 0.427659" stroke="#2C2092" stroke-width="0.931091"/>
+<path d="M8.8877 3.87061L8.8877 0.427358" stroke="#2C2092" stroke-width="0.931091"/>
+<path d="M11.6523 5.02051L11.6523 0.427659" stroke="#2C2092" stroke-width="0.931091"/>
+<path d="M14.4199 3.87061L14.4199 0.427358" stroke="#2C2092" stroke-width="0.931091"/>
+<path d="M17.1875 5.02051L17.1875 0.427659" stroke="#2C2092" stroke-width="0.931091"/>
+<path d="M19.9541 3.87061L19.9541 0.427358" stroke="#2C2092" stroke-width="0.931091"/>
+</g>
+<defs>
+<clipPath id="clip0_105_332">
+<rect width="8" height="24" fill="white" transform="translate(0 8) rotate(-90)"/>
+</clipPath>
+</defs>
+</svg>
 
client/resources/img/content/ico_move.svg (added)
+++ client/resources/img/content/ico_move.svg
@@ -0,0 +1,15 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_105_276)">
+<path d="M0.3125 10H19.6875" stroke="#2C2092" stroke-width="1.08173" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.60312 13.2907L0.3125 10.0001L3.60312 6.70947" stroke="#2C2092" stroke-width="1.08173" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.3965 13.2907L19.6871 10.0001L16.3965 6.70947" stroke="#2C2092" stroke-width="1.08173" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 19.6875V0.3125" stroke="#2C2092" stroke-width="1.08173" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.2902 16.397L9.99961 19.6876L6.70898 16.397" stroke="#2C2092" stroke-width="1.08173" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.2902 3.60312L9.99961 0.3125L6.70898 3.60312" stroke="#2C2092" stroke-width="1.08173" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_105_276">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
 
client/resources/img/content/ico_palette.svg (added)
+++ client/resources/img/content/ico_palette.svg
@@ -0,0 +1,14 @@
+<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_105_322)">
+<path d="M15.3981 12.1342H19.0441C19.6102 12.1385 20.1554 11.9195 20.5629 11.5242C20.9704 11.1289 21.2077 10.5887 21.2239 10.0195C21.2239 4.93168 16.647 0.803711 10.9997 0.803711C5.35227 0.803711 0.775391 4.93168 0.775391 10.0195C0.775391 15.1073 5.35227 19.243 10.9997 19.243C12.8124 19.2492 14.5993 18.8098 16.2049 17.9633C16.4961 17.8053 16.7267 17.5544 16.8604 17.25C16.9941 16.9455 17.0233 16.605 16.9433 16.2821C16.8632 15.9591 16.6786 15.6722 16.4185 15.4666C16.1583 15.2609 15.8375 15.1482 15.5067 15.1463H15.3981C15.2025 15.1463 15.0088 15.1076 14.8281 15.0323C14.6474 14.957 14.4832 14.8466 14.3449 14.7075C14.2066 14.5684 14.0969 14.4032 14.0221 14.2214C13.9472 14.0396 13.9087 13.8448 13.9087 13.6481C13.9066 13.45 13.9436 13.2535 14.0176 13.0699C14.0915 12.8863 14.2009 12.7193 14.3394 12.5785C14.4779 12.4377 14.6428 12.326 14.8245 12.2497C15.0062 12.1734 15.2012 12.1342 15.3981 12.1342Z" stroke="#2C2092" stroke-width="1.04224" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 6.92173C11.8354 6.92173 12.5127 6.24046 12.5127 5.40007C12.5127 4.55969 11.8354 3.87842 11 3.87842C10.1646 3.87842 9.4873 4.55969 9.4873 5.40007C9.4873 6.24046 10.1646 6.92173 11 6.92173Z" stroke="#2C2092" stroke-width="1.04224" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.1357 9.0521C16.9712 9.0521 17.6484 8.37083 17.6484 7.53044C17.6484 6.69006 16.9712 6.00879 16.1357 6.00879C15.3003 6.00879 14.623 6.69006 14.623 7.53044C14.623 8.37083 15.3003 9.0521 16.1357 9.0521Z" stroke="#2C2092" stroke-width="1.04224" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.98828 9.0521C6.82372 9.0521 7.50097 8.37083 7.50097 7.53044C7.50097 6.69006 6.82372 6.00879 5.98828 6.00879C5.15284 6.00879 4.47559 6.69006 4.47559 7.53044C4.47559 8.37083 5.15284 9.0521 5.98828 9.0521Z" stroke="#2C2092" stroke-width="1.04224" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.25293 14.6078C7.08837 14.6078 7.76562 13.9265 7.76562 13.0861C7.76562 12.2457 7.08837 11.5645 6.25293 11.5645C5.41749 11.5645 4.74023 12.2457 4.74023 13.0861C4.74023 13.9265 5.41749 14.6078 6.25293 14.6078Z" stroke="#2C2092" stroke-width="1.04224" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_105_322">
+<rect width="22" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
 
client/resources/img/content/ico_punching.svg (added)
+++ client/resources/img/content/ico_punching.svg
@@ -0,0 +1,18 @@
+<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_105_311)">
+<path d="M19.6062 17.5001H2.39371C2.15042 17.5364 1.9021 17.5201 1.66571 17.4525C1.42932 17.3849 1.21041 17.2674 1.02396 17.1082C0.837513 16.9489 0.687906 16.7516 0.585344 16.5298C0.482782 16.3079 0.429688 16.0668 0.429688 15.8227C0.429688 15.5786 0.482782 15.3374 0.585344 15.1156C0.687906 14.8937 0.837513 14.6965 1.02396 14.5372C1.21041 14.378 1.42932 14.2605 1.66571 14.1929C1.9021 14.1253 2.15042 14.109 2.39371 14.1453H19.6062C19.8495 14.109 20.0978 14.1253 20.3342 14.1929C20.5706 14.2605 20.7894 14.378 20.9759 14.5372C21.1623 14.6965 21.312 14.8937 21.4145 15.1156C21.5171 15.3374 21.5702 15.5786 21.5702 15.8227C21.5702 16.0668 21.5171 16.3079 21.4145 16.5298C21.312 16.7516 21.1623 16.9489 20.9759 17.1082C20.7894 17.2674 20.5706 17.3849 20.3342 17.4525C20.0978 17.5201 19.8495 17.5364 19.6062 17.5001ZM2.39371 14.8615C2.13815 14.8613 1.89246 14.9594 1.70825 15.1351C1.52404 15.3108 1.41562 15.5505 1.40579 15.8039C1.40579 16.0638 1.50988 16.313 1.69515 16.4968C1.88042 16.6806 2.1317 16.7839 2.39371 16.7839H19.6062C19.7359 16.779 19.8634 16.7488 19.9814 16.695C20.0994 16.6413 20.2056 16.5649 20.2938 16.4704C20.382 16.3759 20.4506 16.265 20.4956 16.1442C20.5406 16.0233 20.5612 15.8949 20.5561 15.7662C20.5561 15.5162 20.456 15.2765 20.2778 15.0998C20.0997 14.9231 19.8581 14.8238 19.6062 14.8238L2.39371 14.8615Z" fill="#2C2092"/>
+<path d="M21.6204 17.4999H0.418306C0.370014 17.5002 0.322204 17.4903 0.278028 17.471C0.233851 17.4516 0.194305 17.4232 0.161999 17.3876C0.129693 17.352 0.105364 17.31 0.0905989 17.2644C0.0758332 17.2188 0.0709694 17.1706 0.0763362 17.123C0.0763362 17.033 0.112362 16.9467 0.176493 16.8831C0.240625 16.8195 0.32761 16.7837 0.418306 16.7837H21.6964C21.7909 16.7832 21.8822 16.8177 21.9525 16.8805C22.0227 16.9432 22.0669 17.0297 22.0763 17.123C22.0775 17.1795 22.0658 17.2355 22.0421 17.287C22.0185 17.3384 21.9835 17.384 21.9397 17.4202C21.8959 17.4564 21.8445 17.4823 21.7892 17.4961C21.7339 17.5099 21.6762 17.5112 21.6204 17.4999Z" fill="#2C2092"/>
+<path d="M18.7704 14.8616H2.73588C2.68451 14.8677 2.63243 14.8621 2.58355 14.8453C2.53466 14.8285 2.49027 14.8009 2.45369 14.7646C2.41711 14.7283 2.38929 14.6843 2.37236 14.6358C2.35543 14.5873 2.3498 14.5356 2.35591 14.4847V12.6753C2.35561 12.6274 2.36555 12.58 2.38506 12.5362C2.40457 12.4924 2.43322 12.4531 2.46911 12.4211C2.50501 12.389 2.54733 12.3649 2.59331 12.3502C2.6393 12.3356 2.68789 12.3308 2.73588 12.3361H18.7704C18.865 12.3356 18.9563 12.3701 19.0265 12.4329C19.0968 12.4956 19.1409 12.582 19.1504 12.6753V14.4847C19.1504 14.5846 19.1104 14.6805 19.0391 14.7512C18.9678 14.8219 18.8712 14.8616 18.7704 14.8616ZM3.07785 14.1454H18.2765V13.0523H3.07785V14.1454Z" fill="#2C2092"/>
+<path d="M11.0952 11.356C10.5617 11.356 10.0401 11.199 9.59642 10.9049C9.15278 10.6109 8.80701 10.1929 8.60282 9.70387C8.39864 9.21484 8.3452 8.67671 8.4493 8.15757C8.55339 7.63842 8.81033 7.16155 9.18762 6.78726C9.56491 6.41298 10.0456 6.15811 10.5689 6.05485C11.0922 5.95158 11.6347 6.00456 12.1276 6.20712C12.6206 6.40968 13.0419 6.75273 13.3383 7.19284C13.6348 7.63295 13.793 8.15038 13.793 8.6797C13.793 9.38949 13.5087 10.0702 13.0028 10.5721C12.4969 11.074 11.8107 11.356 11.0952 11.356ZM11.0952 6.7196C10.7044 6.7196 10.3224 6.83456 9.99752 7.04994C9.67259 7.26532 9.41935 7.57144 9.2698 7.9296C9.12026 8.28776 9.08115 8.68185 9.15738 9.06207C9.23362 9.44229 9.42179 9.79155 9.69812 10.0657C9.97444 10.3398 10.3265 10.5265 10.7097 10.6021C11.093 10.6777 11.4903 10.6389 11.8513 10.4906C12.2124 10.3422 12.5209 10.091 12.7381 9.76866C12.9552 9.44633 13.0711 9.06737 13.0711 8.6797C13.0711 8.15985 12.8629 7.66128 12.4923 7.2937C12.1218 6.92611 11.6192 6.7196 11.0952 6.7196Z" fill="#2C2092"/>
+<path d="M11.0947 9.92334C10.7621 9.92334 10.4432 9.79231 10.2081 9.55903C9.97291 9.32576 9.84083 9.00936 9.84083 8.67946C9.84035 8.58569 9.87511 8.49511 9.93834 8.42541C10.0016 8.35571 10.0887 8.31187 10.1828 8.3025C10.2836 8.3025 10.3802 8.34221 10.4515 8.4129C10.5227 8.48359 10.5627 8.57949 10.5627 8.67946C10.5627 8.78383 10.594 8.88584 10.6524 8.97262C10.7109 9.0594 10.7939 9.12706 10.8911 9.167C10.9883 9.20694 11.0953 9.21739 11.1985 9.19702C11.3017 9.17666 11.3965 9.1264 11.4709 9.0526C11.5452 8.9788 11.5959 8.88478 11.6164 8.78242C11.637 8.68005 11.6264 8.57392 11.5862 8.47749C11.5459 8.38106 11.4777 8.29865 11.3902 8.24067C11.3028 8.18268 11.1999 8.15175 11.0947 8.15175C10.9939 8.15175 10.8973 8.11203 10.826 8.04134C10.7548 7.97065 10.7147 7.87475 10.7147 7.77478C10.7242 7.68148 10.7683 7.59502 10.8386 7.53229C10.9089 7.46956 11.0002 7.43508 11.0947 7.43555C11.4272 7.43555 11.7462 7.56661 11.9813 7.79989C12.2165 8.03317 12.3486 8.34956 12.3486 8.67946C12.3486 9.00936 12.2165 9.32576 11.9813 9.55903C11.7462 9.79231 11.4272 9.92334 11.0947 9.92334Z" fill="#2C2092"/>
+<path d="M4.21809 13.0522C4.16926 13.048 4.12189 13.0336 4.0792 13.0097C4.03652 12.9858 3.99951 12.953 3.97068 12.9137C3.94185 12.8744 3.92188 12.8294 3.91212 12.7817C3.90236 12.7341 3.90304 12.6849 3.91411 12.6376C4.04806 11.3383 4.61976 10.1219 5.53677 9.18478C6.45379 8.24771 7.66253 7.64481 8.96766 7.47349C9.01337 7.46176 9.06123 7.46073 9.10741 7.47053C9.15359 7.48033 9.19681 7.50068 9.23369 7.52995C9.27057 7.55921 9.30007 7.5966 9.31985 7.63914C9.33962 7.68168 9.34912 7.7282 9.34762 7.77502C9.359 7.86943 9.33401 7.96463 9.27764 8.04153C9.22127 8.11842 9.13768 8.17132 9.04364 8.18966C7.89617 8.32456 6.83087 8.84838 6.02777 9.67255C5.22468 10.4967 4.73307 11.5707 4.63605 12.713C4.61809 12.8094 4.56624 12.8964 4.48972 12.9585C4.41319 13.0206 4.31695 13.0538 4.21809 13.0522Z" fill="#2C2092"/>
+<path d="M11.0948 13.0521C10.994 13.0521 10.8974 13.0123 10.8261 12.9417C10.7549 12.871 10.7148 12.7751 10.7148 12.6751V11.0166C10.7148 10.9166 10.7549 10.8207 10.8261 10.7501C10.8974 10.6794 10.994 10.6396 11.0948 10.6396C11.1956 10.6396 11.2922 10.6794 11.3635 10.7501C11.4348 10.8207 11.4748 10.9166 11.4748 11.0166V12.6751C11.4748 12.7246 11.465 12.7736 11.4459 12.8194C11.4268 12.8651 11.3988 12.9067 11.3635 12.9417C11.3282 12.9767 11.2863 13.0044 11.2402 13.0234C11.1941 13.0423 11.1447 13.0521 11.0948 13.0521Z" fill="#2C2092"/>
+<path d="M17.7828 10.4887H12.9193C12.871 10.489 12.8232 10.4792 12.779 10.4598C12.7348 10.4405 12.6953 10.412 12.663 10.3764C12.6307 10.3408 12.6063 10.2988 12.5916 10.2532C12.5768 10.2076 12.5719 10.1594 12.5773 10.1118C12.5773 10.0218 12.6133 9.93555 12.6775 9.87193C12.7416 9.80831 12.8286 9.77257 12.9193 9.77257H17.7828C17.9475 9.76294 18.1022 9.69118 18.2152 9.57204C18.3282 9.45289 18.3911 9.29536 18.3908 9.13175V7.05859C18.3938 6.96496 18.3747 6.87191 18.3351 6.78686C18.2956 6.7018 18.2365 6.62706 18.1628 6.56855L13.5671 2.93381L3.72411 1.21601C3.6537 1.17967 3.5755 1.16071 3.49614 1.16071C3.41677 1.16071 3.33856 1.17967 3.26815 1.21601C3.24083 1.27515 3.22668 1.33944 3.22668 1.40449C3.22668 1.46954 3.24083 1.53381 3.26815 1.59295C3.26529 1.71535 3.30542 1.83495 3.38167 1.93123C3.45792 2.0275 3.56555 2.09446 3.68612 2.12066C5.39596 2.45991 9.42359 3.59072 10.1835 6.68163C10.1947 6.72624 10.1966 6.77264 10.1891 6.818C10.1817 6.86336 10.165 6.90674 10.1401 6.94552C10.1153 6.98429 10.0827 7.01767 10.0444 7.04358C10.0062 7.0695 9.96301 7.08741 9.91755 7.09627C9.87021 7.1136 9.81959 7.12033 9.76933 7.11597C9.71906 7.11161 9.6704 7.09627 9.62682 7.07105C9.58323 7.04583 9.54583 7.01136 9.51727 6.97011C9.4887 6.92885 9.46967 6.88182 9.46158 6.83241C8.81564 4.15614 5.09198 3.06302 3.53413 2.83685C3.24945 2.77563 2.99514 2.618 2.81486 2.39102C2.63459 2.16403 2.53961 1.88184 2.54622 1.59295C2.54611 1.412 2.58702 1.23336 2.66595 1.07024C2.74487 0.907111 2.85979 0.763684 3.00218 0.650595C3.27732 0.570809 3.5714 0.584078 3.8381 0.688297L13.9338 2.39102L18.4668 6.11624C18.6377 6.24498 18.7775 6.40989 18.8761 6.59898C18.9747 6.78807 19.0296 6.9966 19.0367 7.20937V9.28253C19.0022 9.59706 18.8581 9.88976 18.6291 10.11C18.4001 10.3303 18.1008 10.4642 17.7828 10.4887Z" fill="#2C2092"/>
+<path d="M17.4402 11.6953H15.6164C15.5257 11.6953 15.4387 11.6596 15.3746 11.596C15.3104 11.5323 15.2744 11.4461 15.2744 11.3561V10.1122C15.2744 10.0222 15.3104 9.93593 15.3746 9.87231C15.4387 9.80869 15.5257 9.77295 15.6164 9.77295H17.5162C17.6069 9.77295 17.6939 9.80869 17.758 9.87231C17.8221 9.93593 17.8582 10.0222 17.8582 10.1122V11.3561C17.8595 11.4078 17.8489 11.459 17.8271 11.506C17.8054 11.553 17.7732 11.5944 17.7329 11.6272C17.6925 11.6599 17.6452 11.683 17.5945 11.6949C17.5438 11.7067 17.491 11.7068 17.4402 11.6953ZM15.9203 10.9792H17.0602V10.4891H15.9203V10.9792Z" fill="#2C2092"/>
+</g>
+<defs>
+<clipPath id="clip0_105_311">
+<rect width="22" height="17" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
 
client/resources/img/content/ico_resett.svg (added)
+++ client/resources/img/content/ico_resett.svg
@@ -0,0 +1,11 @@
+<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_105_342)">
+<path d="M17.1725 10.4059C17.1727 12.4522 16.4974 14.4333 15.2651 16.0017C14.0328 17.5702 12.3221 18.6259 10.4329 18.9838C8.5438 19.3417 6.59681 18.979 4.93336 17.9591C3.2699 16.9393 1.99616 15.3275 1.33547 13.4064C0.67478 11.4852 0.669307 9.37736 1.32002 7.45234C1.97072 5.52732 3.23608 3.90804 4.89421 2.87842C6.55234 1.84879 8.49742 1.47456 10.3884 1.82132C12.2793 2.16807 13.9955 3.21369 15.236 4.77484" stroke="#2C2092" stroke-width="0.699811" stroke-linejoin="round"/>
+<path d="M15.1616 0.0444336L15.3933 4.96941L10.7754 5.22537" stroke="#2C2092" stroke-width="0.699811" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_105_342">
+<rect width="18" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
 
client/resources/img/content/ico_texture.svg (added)
+++ client/resources/img/content/ico_texture.svg
@@ -0,0 +1,3 @@
+<svg width="26" height="22" viewBox="0 0 26 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.491898 14.0097C0.491898 14.0097 0.491898 13.9901 0.491898 13.9784V13.951C0.491898 13.951 0.491894 13.951 0.511295 13.9314H0.534575L3.6038 12.7573V5.57527C3.60206 5.56491 3.60206 5.55431 3.6038 5.54395C3.60252 5.53486 3.60252 5.52565 3.6038 5.51656L3.63096 5.49308H3.67365L19.1944 1.0782C19.2343 1.06248 19.2786 1.06248 19.3185 1.0782L21.8329 2.22498H21.8523C21.8541 2.23402 21.8541 2.24332 21.8523 2.25236C21.8539 2.26667 21.8539 2.28112 21.8523 2.29542C21.8544 2.30443 21.8544 2.31382 21.8523 2.32282V11.1017L25.3444 12.5929C25.3754 12.6065 25.4018 12.629 25.4204 12.6574C25.439 12.6859 25.449 12.7192 25.4492 12.7534V15.4931C25.4494 15.5294 25.4383 15.5648 25.4174 15.5943C25.3965 15.6238 25.3669 15.6459 25.3328 15.6575L10.2195 20.9451C10.2029 20.9487 10.1857 20.9487 10.1691 20.9451C10.1486 20.9491 10.1275 20.9491 10.107 20.9451L0.561739 16.5303C0.53178 16.5167 0.506334 16.4947 0.488441 16.467C0.470547 16.4392 0.460974 16.4068 0.460861 16.3737L0.491898 14.0097ZM0.833357 14.2719V16.3072L10.0371 20.5616V18.1389L6.15696 16.5733H6.13368V16.5537V16.5342C6.13185 16.5278 6.13185 16.521 6.13368 16.5146C6.13368 16.5146 6.13368 16.5146 6.13368 16.4872V6.89425L4.08882 5.86489V15.407C4.08856 15.4357 4.08135 15.4638 4.06783 15.4891C4.0543 15.5143 4.03487 15.5358 4.01122 15.5518C3.98366 15.5702 3.95117 15.5798 3.91809 15.5792H3.84825L3.61544 15.4735L0.833357 14.2719ZM24.8905 12.8121L21.635 11.4148L21.5341 11.3717L6.71571 16.4324L10.2079 17.8375L24.8905 12.8121ZM21.2625 2.33065L19.3224 1.35609L4.29835 5.63006L6.23844 6.60462L10.7006 5.33651L21.2625 2.33065ZM3.66588 15.1447V13.0547L1.10884 14.0214L3.66588 15.1447ZM25.1427 13.0899L10.3708 18.1467V20.589L25.1427 15.4187V13.0899ZM21.5652 2.60462L10.01 5.88838L6.39365 6.91773V16.178L21.5031 11.0156C21.5288 11.0115 21.555 11.0115 21.5807 11.0156L21.5652 2.60462Z" fill="white" stroke="#2C2092" stroke-width="0.5"/>
+</svg>
client/resources/scss/admin/content.scss
--- client/resources/scss/admin/content.scss
+++ client/resources/scss/admin/content.scss
@@ -325,7 +325,7 @@
                         
                     }
 
-                     &.active{
+                    &.active{
                         button{
                              background-color: #ffffff;
                         }
@@ -343,10 +343,13 @@
                         padding: 1rem 4rem;
                           z-index: 10;
 
-                        li{
+                        >li{
                             width: 100%;
                             padding: .5rem 0rem;
                             list-style: square;
+                            button{
+                                    background-color: transparent;
+                            }
                         }
                     }
                 }
@@ -362,110 +365,132 @@
 }
 
 // 자산
-.project-container {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(357px, 1fr));
-  gap: 2.4rem;
-
-  .card {
-    position: relative;
-    background-color: #ffffff;
-    border-radius: 1.2rem;
-    box-shadow: 0 .2rem .8rem rgba(0, 0, 0, 0.05);
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    min-height: 357px;
-    cursor: pointer;
-
-    .thumbnail {
-      background: linear-gradient(135deg, #e0e5ec, #fff);
-      height: 25rem;
-      border-radius: .8rem;
-
-      img{
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
-    }
-
-    .card-footer {
-      font-size: 1.4rem;
-      color: #333;
-      height: calc(100% - 25rem);
-      padding: 2rem;
-      @include flex-layout(flex, flex-start, space-between, column);
-
-      .title {
-        font-weight: bold;
-        font-size: 2rem;
-      }
-
-      .date {
-        font-size: 1.2rem;
-        color: #888;
-      }
-    }
-
-    &.new-card {
-      background-color: #fff;
-      text-align: center;
-      color: #333;
-      justify-content: center;
-      align-items: center;
-      padding: 2rem;
-      gap: 2rem;
-      cursor: pointer;
-
-      .new-symbol{
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        width: 100px;
-        height: 100px;
-        border-radius: 50%;
-        background-color: #eaf0ff;
-
-      }
-
-        .new-text {
-        font-weight: 600;
-        line-height: 1.4;
-      }
-
-      .new-icon {
-        width: 3rem;
-        height: 3rem;
-        border: 1px solid;
-        border-radius: 50%;
-        background-image: url(#{$url}/component/common/ico_plus_24.svg);
-        background-position: center;
-        background-repeat: no-repeat;
-      }
-
-
-    }
-
-    .dropdown-menu{
-        position: absolute;
-        bottom: 0;
-        right: -14rem;
-        background-color: #ffffff;
-        border-radius: 1.2rem;
-        padding: 2rem;
-        box-shadow: 0 .2rem .8rem rgba(0, 0, 0, 0.05);
-        z-index: 10;
-        @include flex-layout(flex, flex-start, center, column);
-        >button{
-            margin-bottom: 1rem;
-            &:last-child{
-                margin-bottom: 0;
+.project-container{
+    .top-zone{
+        .search-zone{
+            padding: 2rem 0;
+            border-radius: 1.2rem;
+            @include flex-layout(flex, center, center);
+            margin-bottom: 3rem;
+            input{
+                width: 600px;
             }
         }
     }
-  }
+    .bottom-zone {
+        height: calc(100% - 180px);
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(315px, 1fr));
+        gap: 2.4rem;
+
+        .card {
+            position: relative;
+            background-color: #ffffff;
+            border-radius: 1.2rem;
+            box-shadow: 0 .2rem .8rem rgba(0, 0, 0, 0.05);
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            min-height: 320px;
+            cursor: pointer;
+
+            .thumbnail {
+            background: linear-gradient(135deg, #e0e5ec, #fff);
+            height: 20rem;
+            border-radius: .8rem;
+
+            img{
+                width: 100%;
+                height: 100%;
+                object-fit: cover;
+            }
+            }
+
+            .card-footer {
+            font-size: 1.4rem;
+            color: #333;
+            height: calc(100% - 20rem);
+            padding: 2rem;
+            @include flex-layout(flex, flex-start, space-between, column);
+
+            .title {
+                font-weight: bold;
+                font-size: 2rem;
+            }
+
+            .date {
+                font-size: 1.2rem;
+                color: #888;
+            }
+            }
+
+            &.new-card {
+            background-color: #fff;
+            text-align: center;
+            color: #333;
+            justify-content: center;
+            align-items: center;
+            padding: 2rem;
+            gap: 2rem;
+            cursor: pointer;
+
+            .new-symbol{
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                width: 100px;
+                height: 100px;
+                border-radius: 50%;
+                background-color: #eaf0ff;
+
+            }
+
+                .new-text {
+                font-weight: 600;
+                line-height: 1.4;
+            }
+
+            .new-icon {
+                width: 3rem;
+                height: 3rem;
+                border: 1px solid;
+                border-radius: 50%;
+                background-image: url(#{$url}/component/common/ico_plus_24.svg);
+                background-position: center;
+                background-repeat: no-repeat;
+            }
+
+
+            }
+
+            .dropdown-menu{
+                position: absolute;
+                bottom: 0;
+                background-color: #ffffff;
+                border-radius: 1.2rem;
+                padding: 2rem;
+                box-shadow: 0 .2rem .8rem rgba(0, 0, 0, 0.05);
+                z-index: 10;
+                @include flex-layout(flex, flex-start, center, column);
+                >button{
+                    margin-bottom: 1rem;
+                    &:last-child{
+                        margin-bottom: 0;
+                    }
+                }
+
+                &.right {
+                    right : -14rem;
+                }
+
+                &.left {
+                    right: 7rem
+                }
+            }
+        }
+    }
 }
+
 
 // 피드백
 .feedback-list{
@@ -531,8 +556,12 @@
         gap: 1rem;
         button{
             width: 100%;
-            background-color: #4b40b5;
-            color: #ffffff;
+            &.purple{
+                background-color: #4b40b5;
+                border: 1px solid #4b40b5;
+                color: #ffffff;
+            }
+
 
 
             &.delete{
client/resources/scss/common/component/_input.scss
--- client/resources/scss/common/component/_input.scss
+++ client/resources/scss/common/component/_input.scss
@@ -12,7 +12,7 @@
 	height:var(--#{$prefix}input-h-#{$size});
 	padding: 0 var(--#{$prefix}input-px-#{$size});
 	background-color: var(--#{$prefix}white);
-	border: 1px solid var(--#{$prefix}gray-60);
+	border: 1px solid var(--#{$prefix}gray-30);
 	border-radius: var(--#{$prefix}input-rd-#{$size});
 	font-family: inherit;
 	font-size: var(--#{$prefix}input-fz-#{$size});;
client/views/pages/subPage/Asset.vue
--- client/views/pages/subPage/Asset.vue
+++ client/views/pages/subPage/Asset.vue
@@ -1,49 +1,60 @@
 <template>
   <div class="project-container">
-
-    <!-- 새 카드 -->
-    <div class="card new-card">
-      <div class="new-symbol">
-        <img src="../../../resources/img/content/ico_digital_asset.svg" alt="">
-      </div>
-      <div class="new-text">새로운<br>디지털 자산 만들기</div>
-      <div class="new-icon"></div>
-    </div>
-
-    <!-- v-for 카드 반복 -->
-    <div class="card" v-for="(project, index) in projects" :key="index">
-      <div class="thumbnail">
-        <img :src="project.img" alt="" />
-      </div>
-      <div class="card-footer">
-        <div class="w_100 layout center space-between">
-          <p class="title">{{ project.name }}</p>
-          <div class="layout center">
-            <button @click="toggleFavorite(index)">
-              <img
-                :src="project.isFavorite
-                  ? require('../../../resources/img/content/ico_favorites.svg')
-                  : require('../../../resources/img/content/ico_unFavorites.svg')"
-              />
-            </button>
-            <button @click="toggleMenu(index)">
-                <img src="../../../resources/img/component/common/ico_bread_dot.svg"
-                    alt=""
-                    style="transform: rotate(90deg); width: 20px; height: 20px;" />
-            </button>
-          </div>
+    <div class="top-zone mb30">
+        <div class="search-zone" style="background-color: #dfe5f3;">
+          <input type="text" class="form-control sm" style="border: 0;" placeholder="제목을 입력해주세요">
         </div>
-        <p class="date">{{ project.date }}</p>
+        <div class="layout center justify-end gap10">
+          <select name="" id="" class="form-select sm" style="border: 0; width: 200px;">
+            <option value="">최근 수정순</option>
+          </select>
+          <button class="btn sm" style="background-color: #f4d01e;border: #f4d01e;">폴더</button>
+        </div>
+    </div>
+    <div class="bottom-zone">
+      <!-- 새 카드 -->
+      <div class="card new-card">
+        <div class="new-symbol">
+          <img src="../../../resources/img/content/ico_digital_asset.svg" alt="">
+        </div>
+        <div class="new-text">새로운<br>디지털 자산 만들기</div>
+        <div class="new-icon"></div>
       </div>
-      <!-- 드롭다운 메뉴 표시 -->
-    <div v-if="openMenuIndex === index" class="dropdown-menu">
-        <button><img src="../../../resources/img/content/ico_subShare.svg" alt=""> 공유</button>
-        <button><img src="../../../resources/img/content/ico_subCopy.svg" alt=""> 복사</button>
-        <button><img src="../../../resources/img/content/ico_trashcan.svg" alt=""> 삭제</button>
-        <button><img src="../../../resources/img/content/ico_version.svg" alt=""> 버전기록</button>
-    </div>
-    </div>
 
+      <!-- v-for 카드 반복 -->
+      <div class="card" v-for="(project, index) in projects" :key="index">
+        <div class="thumbnail">
+          <img :src="project.img" alt="" />
+        </div>
+        <div class="card-footer">
+          <div class="w_100 layout center space-between">
+            <p class="title">{{ project.name }}</p>
+            <div class="layout center">
+              <button @click="toggleFavorite(index)">
+                <img
+                  :src="project.isFavorite
+                    ? require('../../../resources/img/content/ico_favorites.svg')
+                    : require('../../../resources/img/content/ico_unFavorites.svg')"
+                />
+              </button>
+              <button @click="toggleMenu(index)">
+                  <img src="../../../resources/img/component/common/ico_bread_dot.svg"
+                      alt=""
+                      style="transform: rotate(90deg); width: 20px; height: 20px;" />
+              </button>
+            </div>
+          </div>
+          <p class="date">{{ project.date }}</p>
+        </div>
+          <!-- 드롭다운 메뉴 표시 -->
+        <div v-if="openMenuIndex === index" class="dropdown-menu"   :class="dropdownDirection">
+            <button><img src="../../../resources/img/content/ico_subShare.svg" alt=""> 공유</button>
+            <button><img src="../../../resources/img/content/ico_subCopy.svg" alt=""> 복사</button>
+            <button><img src="../../../resources/img/content/ico_trashcan.svg" alt=""> 삭제</button>
+            <button><img src="../../../resources/img/content/ico_version.svg" alt=""> 버전기록</button>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -60,6 +71,7 @@
                 { name: '프로젝트E', date: '2025.05.12', img: require('../../../resources/img/content/sample1.png'),isFavorite: false },
             ],
              openMenuIndex: null,
+            dropdownDirection: 'right' // 또는 'left'
 
         };
     },
@@ -68,8 +80,23 @@
             this.projects[index].isFavorite = !this.projects[index].isFavorite;
         },
         toggleMenu(index) {
-            this.openMenuIndex = this.openMenuIndex === index ? null : index;
-        }
+          if (this.openMenuIndex === index) {
+            this.openMenuIndex = null;
+            return;
+          }
+
+          this.$nextTick(() => {
+            const card = this.$el.querySelectorAll('.card')[index + 1]; // 0번은 "새 카드"니까 +1
+            if (!card) return;
+
+            const rect = card.getBoundingClientRect();
+            const windowWidth = window.innerWidth;
+
+            // 카드가 오른쪽 200px 이내에 있으면 왼쪽으로 드롭다운
+            this.dropdownDirection = (windowWidth - rect.right < 200) ? 'left' : 'right';
+            this.openMenuIndex = index;
+          });
+  }
     },
     watch: {},
     computed: {},
client/views/pages/subPage/FeedBack.vue
--- client/views/pages/subPage/FeedBack.vue
+++ client/views/pages/subPage/FeedBack.vue
@@ -26,9 +26,12 @@
                             <span><img src="../../../resources/img/content/ico_clock.svg" alt="" style="vertical-align: middle;"> {{ feedback.time }}</span> | <span><img src="../../../resources/img/content/ico_feeduser.svg" alt="" style="vertical-align: middle;"> {{ feedback.user }}</span>
                         </div>
                     </div>
-                    <div class="btn-group">
-                        <button class="btn sm" @click="markAsRead(feedback.id)" v-if="feedback.status === 'unread'">확인</button>
-                        <button class="btn sm" @click="replyTo(feedback)">회신</button>
+                    <div class="btn-group" v-if="feedback.status === 'unread'">
+                        <button class="btn sm purple" @click="markAsRead(feedback.id)">확인</button>
+                        <button class="btn sm black" @click="replyTo(feedback)">회신</button>
+                    </div>
+                    <div class="btn-group" v-else>
+                        <button class="btn sm primary" @click="markAsRead(feedback.id)">확인됨</button>
                     </div>
                 </div>
             </div>
client/views/pages/subPage/Modeling.vue
--- client/views/pages/subPage/Modeling.vue
+++ client/views/pages/subPage/Modeling.vue
@@ -92,17 +92,16 @@
                         <li
                             v-for="tool in tools"
                             :key="tool.id"
-                            :class="{ active: activeToolId === tool.id && !activeSubToolId }"
-                            >
+                            :class="{ active: activeToolId === tool.id }"
+                            style="position: relative;">
                             <button
                                 :title="tool.title"
                                 @click="toggleTool(tool)"
                             >
-                                <img :src="tool.icon" :alt="tool.title + ' 아이콘'" />
+                                <img :src="getToolIcon(tool)" :alt="tool.title + ' 아이콘'" />
                                 <input
                                         type="color"
                                         ref="colorInput"
-                                        
                                         v-model="selectedColor"
                                         @input.stop
                                         v-if="tool.type === 'palette' && openedToolId === tool.id" class="palette-picker"
@@ -149,26 +148,38 @@
             tools: [
                 {
                     id: 1,
-                    icon: require('../../../resources/img/content/ico_move_w.svg'),
+                    icon: {
+                       normal: require('../../../resources/img/content/ico_move_w.svg'),
+                       active: require('../../../resources/img/content/ico_move.svg'),
+                    },
                     title: '이동도구',
                     children: []
                 },
                 {
                     id: 2,
-                    icon: require('../../../resources/img/content/ico_3dview_w.svg'),
+                    icon: {
+                       normal: require('../../../resources/img/content/ico_3dview_w.svg'),
+                       active: require('../../../resources/img/content/ico_3dview.svg'),
+                    },
                     title: '크기조절도구',
                     children: []
                 },
                 {
                     id: 3,
-                    icon: require('../../../resources/img/content/ico_copy_w.svg'),
+                    icon: {
+                       normal: require('../../../resources/img/content/ico_copy_w.svg'),
+                       active: require('../../../resources/img/content/ico_copy.svg'),
+                    },
                     title: '복사도구',
                     children: []
                 },
                 {
                     id: 4,
-                    icon: require('../../../resources/img/content/ico_crop_w.svg'),
-                    title: '복사도구',
+                    icon: {
+                       normal: require('../../../resources/img/content/ico_crop_w.svg'),
+                       active: require('../../../resources/img/content/ico_crop.svg'),
+                    },
+                    title: '자르기 도구',
                     children: [
                         {
                         id: 11,
@@ -182,7 +193,10 @@
                 },
                 {
                     id: 5,
-                    icon: require('../../../resources/img/content/ico_punching_w.svg'),
+                    icon: {
+                       normal: require('../../../resources/img/content/ico_punching_w.svg'),
+                       active: require('../../../resources/img/content/ico_punching.svg'),
+                    },
                     title: '패스도구',
                     children: [
                         {
@@ -197,14 +211,20 @@
                 },
                 {
                     id: 6,
-                    icon: require('../../../resources/img/content/ico_palette_w.svg'),
+                    icon: {
+                       normal: require('../../../resources/img/content/ico_palette_w.svg'),
+                       active: require('../../../resources/img/content/ico_palette.svg'),
+                    },
                     title: '팔레트 도구',
                     type: 'palette',
                     children: []
                 },
                 {
                     id: 7,
-                    icon: require('../../../resources/img/content/ico_texture_w.svg'),
+                    icon: {
+                       normal: require('../../../resources/img/content/ico_texture_w.svg'),
+                       active: require('../../../resources/img/content/ico_texture.svg'),
+                    },
                     title: '재질 도구',
                     children: [
                          {
@@ -227,50 +247,56 @@
                 },
                 {
                     id: 8,
-                    icon: require('../../../resources/img/content/ico_measure_w.svg'),
+                    icon: {
+                       normal: require('../../../resources/img/content/ico_measure_w.svg'),
+                       active: require('../../../resources/img/content/ico_measure.svg'),
+                    },
                     title: '길이 측정 도구',
                     children: []
                 },
                  {
                     id: 9,
-                    icon: require('../../../resources/img/content/ico_reset.svg'),
+                    icon: {
+                       normal: require('../../../resources/img/content/ico_reset_w.svg'),
+                       active: require('../../../resources/img/content/ico_resett.svg'),
+                    },
                     title: '초기화',
                     children: []
                 },
             ],
             subTolls:[
                 {
-                    id: 1,
+                    id: 100,
                     icon: require('../../../resources/img/content/ico_save_w.svg'),
                     title: '저장',
                 },
                 {
-                    id: 2,
+                    id: 200,
                     icon: require('../../../resources/img/content/ico_turnBack_w.svg'),
                     title: '뒤로 되돌리기',
                 },
                 {
-                    id: 3,
+                    id: 300,
                     icon: require('../../../resources/img/content/ico_trunFoward_w.svg'),
                     title: '앞으로 되돌리기',
                 },
                                 {
-                    id: 4,
+                    id: 400,
                     icon: require('../../../resources/img/content/ico_user_w.svg'),
                     title: '참여자',
                 },
                                 {
-                    id: 5,
+                    id: 500,
                     icon: require('../../../resources/img/content/ico_comment_w.svg'),
                     title: '코멘트',
                 },
                                 {
-                    id: 6,
+                    id: 600,
                     icon: require('../../../resources/img/content/ico_share_w.svg'),
                     title: '공유',
                 },
                                 {
-                    id: 7,
+                    id: 700,
                     icon: require('../../../resources/img/content/ico_close_w.svg'),
                     title: '닫기',
                 },
@@ -296,10 +322,13 @@
         this.zoom = Number(event.target.value)
         },
         toggleTool(tool) {
+            this.activeToolId = tool.id; // 항상 설정
+
             if (tool.children && tool.children.length) {
                 this.openedToolId = this.openedToolId === tool.id ? null : tool.id;
+                // 서브도구를 연 경우에는 subTool 선택 초기화
+                this.activeSubToolId = null;
             } else {
-                this.activeToolId = tool.id;
                 this.activeSubToolId = null;
                 this.openedToolId = tool.id;
 
@@ -312,13 +341,23 @@
             }
         },
         selectSubTool(tool, child) {
-        this.activeToolId = tool.id;
-        this.activeSubToolId = child.id;
-        this.openedToolId = tool.id;
-        }
+            this.activeToolId = tool.id;
+            this.activeSubToolId = child.id;
+            this.openedToolId = tool.id;
+        },
     },
     watch: {},
-    computed: {},
+    computed: {
+        getToolIcon() {
+            return (tool) => {
+            const isActive = this.activeToolId === tool.id;
+            if (tool.icon && typeof tool.icon === 'object') {
+                return isActive ? tool.icon.active : tool.icon.normal;
+            }
+            return tool.icon;
+            };
+        }
+    },
     components: {},
     created() {},
     mounted() {},
Add a comment
List