- icon 추가 및 css 변경
This commit is contained in:
minsik
parent
91f8f7fb03
commit
658776ea6d
3
public/static/images/canvas/grid_option_arr.svg
Normal file
3
public/static/images/canvas/grid_option_arr.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.70711 0.292893C8.31658 -0.0976311 7.68342 -0.0976311 7.29289 0.292893L0.928932 6.65685C0.538408 7.04738 0.538408 7.68054 0.928932 8.07107C1.31946 8.46159 1.95262 8.46159 2.34315 8.07107L8 2.41421L13.6569 8.07107C14.0474 8.46159 14.6805 8.46159 15.0711 8.07107C15.4616 7.68054 15.4616 7.04738 15.0711 6.65685L8.70711 0.292893ZM9 15V1H7L7 15H9Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 474 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
17
public/static/images/common/datepicker.svg
Normal file
17
public/static/images/common/datepicker.svg
Normal file
@ -0,0 +1,17 @@
|
||||
<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="date_ico 1" clip-path="url(#clip0_2005_1848)">
|
||||
<g id="사각형 316">
|
||||
<path id="Vector" d="M12 2H2C0.89543 2 0 2.89543 0 4V13C0 14.1046 0.89543 15 2 15H12C13.1046 15 14 14.1046 14 13V4C14 2.89543 13.1046 2 12 2Z" fill="white"/>
|
||||
<path id="Vector_2" d="M12 2.5H2C1.17157 2.5 0.5 3.17157 0.5 4V13C0.5 13.8284 1.17157 14.5 2 14.5H12C12.8284 14.5 13.5 13.8284 13.5 13V4C13.5 3.17157 12.8284 2.5 12 2.5Z" stroke="#7D8894"/>
|
||||
</g>
|
||||
<path id="사각형 323" d="M2 2.5H12C12.3978 2.5 12.7794 2.65804 13.0607 2.93934C13.342 3.22064 13.5 3.60218 13.5 4V6.5H0.5V4C0.5 3.60218 0.658035 3.22064 0.93934 2.93934C1.22064 2.65804 1.60218 2.5 2 2.5Z" fill="#7D8894" stroke="#7D8894"/>
|
||||
<path id="사각형 324" d="M4 0C4.26522 0 4.51957 0.105357 4.70711 0.292893C4.89464 0.48043 5 0.734784 5 1V3H3V1C3 0.734784 3.10536 0.48043 3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0Z" fill="#7D8894"/>
|
||||
<path id="사각형 325" d="M10 0C10.2652 0 10.5196 0.105357 10.7071 0.292893C10.8946 0.48043 11 0.734784 11 1V3H9V1C9 0.734784 9.10536 0.48043 9.29289 0.292893C9.48043 0.105357 9.73478 0 10 0Z" fill="#7D8894"/>
|
||||
<path id="패스 10" d="M1 6.556H13.04" stroke="#7D8894"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2005_1848">
|
||||
<rect width="14" height="15" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
3
public/static/images/common/select_light_arr.svg
Normal file
3
public/static/images/common/select_light_arr.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="Vector 7164" d="M1 1L5 5L9 1" stroke="#697C8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 226 B |
6
public/static/images/main/clock.svg
Normal file
6
public/static/images/main/clock.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<circle id="Ellipse 1116" cx="8" cy="8" r="7" stroke="#999999"/>
|
||||
<path id="Path" d="M8 5.19995V7.99995L9.4 9.39995" stroke="#999999" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 327 B |
6
public/static/images/main/download.svg
Normal file
6
public/static/images/main/download.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<path id="Vector 4232" d="M1 9.77783L1.20786 10.3668C2.01689 12.659 2.4214 13.8051 3.34437 14.4582C4.26734 15.1112 5.48275 15.1112 7.91357 15.1112H10.0864C12.5173 15.1112 13.7327 15.1112 14.6556 14.4582C15.5786 13.8051 15.9831 12.659 16.7921 10.3668L17 9.77783" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path id="Vector" d="M9.00006 9.77781V0.888916M9.00006 9.77781C8.37763 9.77781 7.21475 8.0051 6.77783 7.55559M9.00006 9.77781C9.62248 9.77781 10.7854 8.0051 11.2223 7.55559" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 704 B |
8
public/static/images/main/drawing_icon.svg
Normal file
8
public/static/images/main/drawing_icon.svg
Normal file
@ -0,0 +1,8 @@
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<circle id="Ellipse 1574" cx="5.25" cy="5.25" r="4.25" stroke="white" stroke-width="1.5"/>
|
||||
<circle id="Ellipse 1575" cx="16.75" cy="16.75" r="4.25" stroke="white" stroke-width="1.5"/>
|
||||
<circle id="Ellipse 1576" cx="5.25" cy="16.75" r="4.25" stroke="white" stroke-width="1.5"/>
|
||||
<path id="Vector" d="M14.3477 8.85572L14.1909 8.1223H14.1909L14.3477 8.85572ZM13.1443 7.65228L13.8777 7.80911L13.1443 7.65228ZM14.0207 5.11171L13.4903 4.58138H13.4903L14.0207 5.11171ZM16.8883 7.97933L17.4186 8.50966L16.8883 7.97933ZM20.7963 2.47729L21.4458 2.10229L20.7963 2.47729ZM20.1961 4.67149L19.6658 4.14116L20.1961 4.67149ZM20.7963 3.99807L21.4458 4.37307L20.7963 3.99807ZM19.5227 1.20375L19.8977 0.554227V0.554227L19.5227 1.20375ZM17.3285 1.80388L17.8588 2.33421L17.3285 1.80388ZM18.0019 1.20375L17.6269 0.554227V0.554227L18.0019 1.20375ZM19.6658 4.14116L16.358 7.449L17.4186 8.50966L20.7265 5.20182L19.6658 4.14116ZM14.551 5.64205L17.8588 2.33421L16.7982 1.27355L13.4903 4.58138L14.551 5.64205ZM14.1909 8.1223C14.0155 8.15981 13.8753 8.18973 13.7548 8.21212C13.6333 8.23472 13.5536 8.2454 13.4996 8.24884C13.4441 8.25237 13.4479 8.24579 13.4825 8.25471C13.5296 8.26685 13.5936 8.29719 13.6482 8.35178L12.5876 9.41244C12.9113 9.73622 13.3158 9.76355 13.5948 9.74581C13.8603 9.72893 14.1839 9.6577 14.5045 9.58914L14.1909 8.1223ZM12.4109 7.49546C12.3423 7.8161 12.2711 8.13973 12.2542 8.40523C12.2364 8.68419 12.2638 9.08865 12.5876 9.41244L13.6482 8.35178C13.7028 8.40637 13.7331 8.47039 13.7453 8.51747C13.7542 8.55207 13.7476 8.55591 13.7512 8.50044C13.7546 8.44641 13.7653 8.36674 13.7879 8.24519C13.8103 8.12473 13.8402 7.98455 13.8777 7.80911L12.4109 7.49546ZM19.6658 2.33421C20.0333 2.7017 20.1084 2.78597 20.1467 2.85229L21.4458 2.10229C21.2839 1.82184 21.0257 1.57275 20.7265 1.27355L19.6658 2.33421ZM20.7265 5.20182C21.0257 4.90261 21.2839 4.65353 21.4458 4.37307L20.1467 3.62307C20.1084 3.6894 20.0333 3.77367 19.6658 4.14116L20.7265 5.20182ZM20.1467 2.85229C20.2844 3.09077 20.2844 3.38459 20.1467 3.62307L21.4458 4.37307C21.8514 3.67049 21.8514 2.80488 21.4458 2.10229L20.1467 2.85229ZM20.7265 1.27355C20.4272 0.974342 20.1782 0.716149 19.8977 0.554227L19.1477 1.85326C19.214 1.89156 19.2983 1.96671 19.6658 2.33421L20.7265 1.27355ZM17.8588 2.33421C18.2263 1.96672 18.3106 1.89156 18.3769 1.85326L17.6269 0.554227C17.3465 0.716149 17.0974 0.974341 16.7982 1.27355L17.8588 2.33421ZM19.8977 0.554227C19.1951 0.148591 18.3295 0.148591 17.6269 0.554227L18.3769 1.85327C18.6154 1.71558 18.9092 1.71558 19.1477 1.85327L19.8977 0.554227ZM16.358 7.449C16.1624 7.64453 15.8952 7.77096 15.5155 7.8679C15.3253 7.91646 15.1224 7.954 14.8963 7.99307C14.679 8.03061 14.4303 8.07112 14.1909 8.1223L14.5045 9.58914C14.7063 9.54599 14.9131 9.51239 15.1517 9.47117C15.3814 9.43149 15.6346 9.38563 15.8866 9.32128C16.3914 9.19241 16.9533 8.97497 17.4186 8.50966L16.358 7.449ZM13.8777 7.80911C13.9289 7.56974 13.9694 7.32097 14.0069 7.1037C14.046 6.87757 14.0835 6.67468 14.1321 6.48447C14.229 6.10477 14.3555 5.83758 14.551 5.64205L13.4903 4.58138C13.025 5.0467 12.8076 5.60863 12.6787 6.11341C12.6144 6.36544 12.5685 6.61864 12.5288 6.84832C12.4876 7.08687 12.454 7.29366 12.4109 7.49546L13.8777 7.80911Z" fill="white"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
6
public/static/images/main/home_icon.svg
Normal file
6
public/static/images/main/home_icon.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<path id="Vector" d="M6.88814 2.62341L1.71254 7.1523C1.26871 7.54067 1.56629 8.23047 2.17767 8.23047C2.55119 8.23047 2.85399 8.51016 2.85399 8.85516V11.7383C2.85399 14.2187 2.85399 15.4589 3.68823 16.2294C4.52248 17 5.86517 17 8.55057 17H10.4494C13.1348 17 14.4775 17 15.3118 16.2294C16.146 15.4589 16.146 14.2187 16.146 11.7383V8.85516C16.146 8.51016 16.4488 8.23047 16.8223 8.23047C17.4337 8.23047 17.7313 7.54067 17.2875 7.1523L12.1119 2.62341C10.8751 1.54114 10.2566 1 9.5 1C8.74336 1 8.12495 1.54114 6.88814 2.62341Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M9.5 12.5555H9.50798" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 858 B |
10
public/static/images/main/id_delete.svg
Normal file
10
public/static/images/main/id_delete.svg
Normal file
@ -0,0 +1,10 @@
|
||||
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="del" clip-path="url(#clip0_2002_5458)">
|
||||
<path id="패스 35" fill-rule="evenodd" clip-rule="evenodd" d="M3.25991e-06 8.5C3.25991e-06 6.81886 0.498519 5.17547 1.43251 3.77766C2.3665 2.37984 3.69402 1.29037 5.24719 0.647027C6.80036 0.00368289 8.50943 -0.164645 10.1583 0.163329C11.8071 0.491303 13.3217 1.30085 14.5104 2.4896C15.6992 3.67834 16.5087 5.1929 16.8367 6.84173C17.1646 8.49057 16.9963 10.1996 16.353 11.7528C15.7096 13.306 14.6202 14.6335 13.2223 15.5675C11.8245 16.5015 10.1811 17 8.5 17C7.38349 17.001 6.27774 16.7818 5.24603 16.355C4.21433 15.9281 3.27691 15.3021 2.48741 14.5126C1.69792 13.7231 1.07185 12.7857 0.645035 11.754C0.218216 10.7223 -0.000974971 9.61651 3.25991e-06 8.5ZM8.5 7.3015L10.7015 5.1L11.9 6.2985L9.6985 8.5L11.9 10.7015L10.7015 11.9L8.5 9.6985L6.2985 11.9L5.1 10.7015L7.3015 8.5L5.1 6.2985L6.2985 5.1L8.5 7.3015Z" fill="#A8B6C7"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2002_5458">
|
||||
<rect width="17" height="17" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
8
public/static/images/main/id_icon.svg
Normal file
8
public/static/images/main/id_icon.svg
Normal file
@ -0,0 +1,8 @@
|
||||
<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<path id="Rectangle 2176" d="M9.97059 21C5.97751 21 3.98098 21 2.74049 19.8284C1.5 18.6569 1.5 16.7712 1.5 13L1.5 9C1.5 5.22876 1.5 3.34315 2.74049 2.17157C3.98098 1 5.97752 1 9.97059 1L11.0294 1C15.0225 1 17.019 1 18.2595 2.17157C19.5 3.34315 19.5 5.22876 19.5 9" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path id="Vector 4435" d="M6.5 6H14.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path id="Vector 4436" d="M6.5 11H12.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path id="Vector" d="M13.5 21C15.3385 18.2518 19.6188 18.1018 21.5 21M19.5 13.9287C19.5 14.9939 18.6046 15.8574 17.5 15.8574C16.3954 15.8574 15.5 14.9939 15.5 13.9287C15.5 12.8635 16.3954 12 17.5 12C18.6046 12 19.5 12.8635 19.5 13.9287Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 944 B |
3
public/static/images/main/loaction_arr.svg
Normal file
3
public/static/images/main/loaction_arr.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="4" height="6" viewBox="0 0 4 6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="Vector 5" d="M0.5 5.5L3 3L0.5 0.5" stroke="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 161 B |
3
public/static/images/main/login-arr.svg
Normal file
3
public/static/images/main/login-arr.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="Vector 4" d="M1.5 6.5L4 4L1.5 1.5" stroke="#898989" stroke-width="1.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 182 B |
26
public/static/images/main/login-logo.svg
Normal file
26
public/static/images/main/login-logo.svg
Normal file
@ -0,0 +1,26 @@
|
||||
<svg width="236" height="44" viewBox="0 0 236 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="Group">
|
||||
<g id="Group_2">
|
||||
<g id="Group_3">
|
||||
<path id="Vector" d="M17.4212 22.333C16.8099 16.7713 22.6433 12.3114 30.4386 12.3718C38.2415 12.4322 45.0634 16.9902 45.6747 22.5443C46.2859 28.1135 40.4601 32.5658 32.6572 32.5054C24.8543 32.4451 18.0324 27.8946 17.4212 22.333ZM47.1311 24.0535C46.4293 17.1562 38.5736 11.5115 29.5934 11.4361C20.6057 11.3606 13.8971 16.8921 14.6064 23.7894C15.3158 30.6868 23.164 36.339 32.1441 36.4144C41.1242 36.4823 47.8405 30.9584 47.1311 24.0535Z" fill="#FBB584"/>
|
||||
<path id="Vector_2" d="M33.5703 36.5502C29.1481 41.1761 22.047 41.5609 17.7079 37.4105C13.3687 33.26 13.4442 26.1513 17.8739 21.533C22.2961 16.9146 29.4047 16.5298 33.7287 20.6727C38.0603 24.8232 37.9924 31.9318 33.5627 36.5502M17.1796 21.3821C12.0406 26.755 11.9576 35.0183 16.991 39.8404C22.0244 44.6625 30.2876 44.2173 35.4267 38.8443C40.5733 33.4713 40.6563 25.208 35.6153 20.3859C30.5819 15.5638 22.3262 16.0091 17.1796 21.3821Z" fill="#F89B6C"/>
|
||||
<path id="Vector_3" d="M17.6551 4.08603C26.8541 0.637356 35.955 4.12376 37.9774 11.8738C39.9998 19.6315 34.1816 28.7022 24.9826 32.1508C15.7836 35.6071 6.68277 32.1131 4.66036 24.363C2.63794 16.6129 8.45616 7.5347 17.6551 4.08603ZM9.10514 7.04419C-0.440965 14.5981 -2.87088 25.5553 3.67933 31.5019C10.222 37.4559 23.2696 36.1504 32.8157 28.589C42.3618 21.0351 44.7917 10.0854 38.2415 4.13131C31.6913 -1.82275 18.6437 -0.517231 9.10514 7.04419Z" fill="#F37321"/>
|
||||
</g>
|
||||
<g id="Group_4">
|
||||
<path id="Vector_4" d="M69.0608 13.2701V30.3475H66.3894V21.3447H56.2698V30.3475H53.5908V13.2701H56.2698V18.9978H66.3894V13.2701H69.0608Z" fill="white"/>
|
||||
<path id="Vector_5" d="M75.4751 30.3473C74.23 30.3473 73.2263 30.0153 72.5094 29.2984C71.7548 28.6041 71.3926 27.7136 71.3926 26.6043V25.6912C71.3926 24.5744 71.7473 23.6839 72.5094 22.9745C73.2263 22.2576 74.2225 21.903 75.4751 21.903H82.4555V21.835C82.4555 20.4767 81.7009 19.7824 80.2067 19.7824H72.4491V17.511H80.1614C81.7688 17.511 82.9913 17.9336 83.8365 18.7335C84.6817 19.5334 85.1269 20.6729 85.1269 22.1671V26.6949C85.1269 27.857 84.727 28.7701 83.9421 29.4342C83.2252 30.0605 82.2291 30.3473 80.9311 30.3473H75.4676H75.4751ZM80.3576 24.1744H76.1241C74.7432 24.1744 74.0715 24.7555 74.0715 25.9101V26.3326C74.0715 27.4948 74.7432 28.0457 76.1241 28.0457H80.3576C81.7386 28.0457 82.4555 27.4872 82.4555 26.3326V25.9101C82.4555 24.7479 81.7386 24.1744 80.3576 24.1744Z" fill="white"/>
|
||||
<path id="Vector_6" d="M92.9525 17.511H95.5861C97.2388 17.511 98.5518 18.0015 99.5102 18.9599C100.446 19.9409 100.936 21.2766 100.936 22.9972V30.3548H98.2651V23.133C98.2651 22.0614 98.0387 21.2842 97.6387 20.7936C97.1029 20.1673 96.3709 19.8353 95.3899 19.8353H93.1185C92.1601 19.8353 91.4205 20.1673 90.8923 20.7936C90.4923 21.2842 90.3112 22.0614 90.3112 23.133V30.3548H87.6398V22.9972C87.6398 21.2842 88.1077 19.9409 89.0661 18.9599C90.0018 18.0015 91.3149 17.511 92.9675 17.511H92.9525Z" fill="white"/>
|
||||
<path id="Vector_7" d="M113.267 28.6343C112.309 29.7964 111.124 30.3473 109.72 30.3473H108.068C106.574 30.3473 105.396 29.8794 104.521 28.9437C103.676 28.0758 103.276 26.8232 103.276 25.2233V17.511H105.932V25.246C105.932 26.1817 106.136 26.876 106.536 27.2986C106.981 27.7891 107.585 28.0381 108.339 28.0381H109.502C110.256 28.0381 110.86 27.7891 111.328 27.2986C111.728 26.876 111.954 26.1817 111.954 25.246V17.511H114.588V25.246C114.588 26.1817 114.792 26.876 115.191 27.2986C115.637 27.7891 116.24 28.0381 116.995 28.0381H118.157C118.912 28.0381 119.516 27.7891 119.983 27.2986C120.383 26.876 120.61 26.1817 120.61 25.246V17.511H123.266V25.2233C123.266 26.8307 122.821 28.0758 121.976 28.9437C121.085 29.8794 119.9 30.3473 118.406 30.3473H116.776C115.395 30.3473 114.21 29.7889 113.275 28.6343H113.267Z" fill="white"/>
|
||||
<path id="Vector_8" d="M131.099 19.8276C130.141 19.8276 129.401 20.1597 128.873 20.786C128.473 21.2765 128.292 22.0538 128.292 23.1254V30.3472H125.62V13.2246H128.292V18.2882C129.047 17.775 129.945 17.5109 130.948 17.5109H133.582C135.235 17.5109 136.548 18.0014 137.506 18.9598C138.442 19.9408 138.932 21.2765 138.932 22.9971V30.3548H136.253V23.1329C136.253 22.0614 136.027 21.2841 135.627 20.7936C135.091 20.1672 134.359 19.8352 133.378 19.8352H131.107L131.099 19.8276Z" fill="white"/>
|
||||
<path id="Vector_9" d="M145.211 30.3473C143.966 30.3473 142.962 30.0153 142.245 29.2984C141.491 28.6041 141.128 27.7136 141.128 26.6043V25.6912C141.128 24.5744 141.483 23.6839 142.245 22.9745C142.962 22.2576 143.958 21.903 145.211 21.903H152.191V21.835C152.191 20.4767 151.437 19.7824 149.942 19.7824H142.185V17.511H149.897C151.504 17.511 152.727 17.9336 153.572 18.7335C154.417 19.5334 154.863 20.6729 154.863 22.1671V26.6949C154.863 27.857 154.463 28.7701 153.678 29.4342C152.961 30.0605 151.965 30.3473 150.667 30.3473H145.203H145.211ZM150.093 24.1744H145.86C144.479 24.1744 143.807 24.7555 143.807 25.9101V26.3326C143.807 27.4948 144.479 28.0457 145.86 28.0457H150.093C151.474 28.0457 152.191 27.4872 152.191 26.3326V25.9101C152.191 24.7479 151.474 24.1744 150.093 24.1744Z" fill="white"/>
|
||||
</g>
|
||||
<g id="Group_5">
|
||||
<path id="Vector_10" d="M166.439 30.3548H163.963V28.0155H166.174C167.276 28.0004 168.046 27.6985 168.491 27.1023C168.846 26.6118 169.042 25.827 169.072 24.7403V13.2775H171.796V24.9215C171.796 26.7929 171.351 28.1664 170.461 29.0267C169.57 29.9171 168.227 30.3624 166.446 30.3624L166.439 30.3548Z" fill="white"/>
|
||||
<path id="Vector_11" d="M178.196 30.3547C176.951 30.3547 175.955 30.0076 175.23 29.3058C174.483 28.604 174.113 27.7059 174.113 26.6042V25.6911C174.113 24.5742 174.483 23.6686 175.23 22.9668C175.955 22.2499 176.951 21.8953 178.196 21.8953H185.176V21.8273C185.176 20.4615 184.422 19.7747 182.927 19.7747H175.17V17.5033H182.882C184.489 17.5033 185.712 17.9108 186.565 18.7258C187.425 19.5106 187.855 20.6577 187.855 22.1594V26.6872C187.855 27.8493 187.463 28.7624 186.67 29.434C185.953 30.0453 184.95 30.3472 183.659 30.3472H178.196V30.3547ZM183.078 24.1743H178.837C177.471 24.1743 176.785 24.7553 176.785 25.9175V26.3401C176.785 27.4871 177.471 28.0606 178.837 28.0606H183.078C184.474 28.0606 185.176 27.4871 185.176 26.3401V25.9175C185.176 24.7553 184.474 24.1743 183.078 24.1743Z" fill="white"/>
|
||||
<path id="Vector_12" d="M190.3 22.7481C190.3 21.0653 190.753 19.7824 191.659 18.892C192.564 17.9864 193.809 17.5261 195.402 17.511H198.903C200.495 17.5261 201.74 17.9864 202.654 18.892C203.574 19.7824 204.035 21.0729 204.035 22.7481V25.1328C204.035 26.8005 203.574 28.0758 202.654 28.9663C201.748 29.8719 200.503 30.3322 198.926 30.3473H192.972V34.7619H190.293V22.7406L190.3 22.7481ZM192.979 22.9066V28.0381H198.729C199.665 28.0381 200.367 27.7514 200.827 27.1703C201.182 26.6798 201.363 25.9553 201.363 25.0045V22.9066C201.363 21.9407 201.182 21.2087 200.827 20.7182C200.367 20.122 199.665 19.8277 198.729 19.8277H195.583C194.647 19.8277 193.953 20.122 193.507 20.7182C193.153 21.2087 192.972 21.9407 192.972 22.9066H192.979Z" fill="white"/>
|
||||
<path id="Vector_13" d="M210.306 30.3547C209.06 30.3547 208.064 30.0076 207.34 29.3058C206.593 28.604 206.223 27.7059 206.223 26.6042V25.6911C206.223 24.5742 206.593 23.6686 207.34 22.9668C208.064 22.2499 209.06 21.8953 210.306 21.8953H217.286V21.8273C217.286 20.4615 216.531 19.7747 215.037 19.7747H207.279V17.5033H214.992C216.599 17.5033 217.822 17.9108 218.674 18.7258C219.535 19.5106 219.965 20.6577 219.965 22.1594V26.6872C219.965 27.8493 219.572 28.7624 218.78 29.434C218.063 30.0453 217.059 30.3472 215.769 30.3472H210.306V30.3547ZM215.188 24.1743H210.947C209.581 24.1743 208.894 24.7553 208.894 25.9175V26.3401C208.894 27.4871 209.581 28.0606 210.947 28.0606H215.188C216.584 28.0606 217.286 27.4871 217.286 26.3401V25.9175C217.286 24.7553 216.584 24.1743 215.188 24.1743Z" fill="white"/>
|
||||
<path id="Vector_14" d="M227.79 17.511H230.424C232.092 17.511 233.397 17.994 234.348 18.9599C235.299 19.9258 235.774 21.2691 235.774 22.9972V30.3548H233.103V23.133C233.103 22.0614 232.892 21.2842 232.477 20.7936C231.956 20.1522 231.201 19.8353 230.228 19.8353H227.949C226.998 19.8353 226.258 20.1522 225.723 20.7936C225.338 21.2842 225.142 22.0614 225.142 23.133V30.3548H222.47V22.9972C222.47 21.2766 222.946 19.9258 223.896 18.9599C224.847 17.994 226.145 17.511 227.798 17.511H227.79Z" fill="white"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.1 KiB |
BIN
public/static/images/main/login_bg.png
Normal file
BIN
public/static/images/main/login_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
10
public/static/images/main/login_id.svg
Normal file
10
public/static/images/main/login_id.svg
Normal file
@ -0,0 +1,10 @@
|
||||
<svg width="10" height="13" viewBox="0 0 10 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2002_5454)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 10.43C10.0131 10.9591 9.84045 11.476 9.51202 11.891C9.37771 12.0778 9.20121 12.2304 8.99688 12.3362C8.79254 12.442 8.56612 12.4981 8.33602 12.5H1.66402C1.43392 12.4981 1.2075 12.442 1.00317 12.3362C0.798831 12.2304 0.622337 12.0778 0.488022 11.891C0.159594 11.476 -0.013072 10.9591 2.21803e-05 10.43C-0.0013962 10.0111 0.0206383 9.59243 0.0660222 9.17599C0.112459 8.77336 0.195127 8.37575 0.313022 7.98799C0.416024 7.62702 0.569902 7.28256 0.770022 6.96499C0.956454 6.67736 1.20788 6.43758 1.50402 6.26499C1.82384 6.08298 2.18714 5.99138 2.55502 5.99999C2.87445 6.32242 3.2556 6.57716 3.67569 6.74897C4.09578 6.92079 4.54619 7.00616 5.00002 6.99999C5.45385 7.00616 5.90427 6.92079 6.32436 6.74897C6.74445 6.57716 7.1256 6.32242 7.44502 5.99999C7.81472 5.99217 8.17953 6.08553 8.50002 6.26999C8.79616 6.44258 9.04759 6.68236 9.23402 6.96999C9.43414 7.28756 9.58802 7.63202 9.69102 7.99299C9.80858 8.38078 9.89091 8.77839 9.93702 9.18099C9.98122 9.59582 10.0023 10.0128 10 10.43ZM8.00002 3.49999C8.00618 3.89482 7.93137 4.28673 7.78018 4.65152C7.629 5.01631 7.40467 5.34626 7.12102 5.62099C6.84629 5.90463 6.51635 6.12897 6.15156 6.28015C5.78676 6.43133 5.39486 6.50615 5.00002 6.49999C4.60519 6.50615 4.21328 6.43133 3.84849 6.28015C3.48369 6.12897 3.15375 5.90463 2.87902 5.62099C2.59538 5.34626 2.37104 5.01631 2.21986 4.65152C2.06868 4.28673 1.99386 3.89482 2.00002 3.49999C1.99386 3.10515 2.06868 2.71325 2.21986 2.34845C2.37104 1.98366 2.59538 1.65371 2.87902 1.37899C3.15375 1.09534 3.48369 0.871005 3.84849 0.719824C4.21328 0.568643 4.60519 0.493824 5.00002 0.499986C5.39486 0.493824 5.78676 0.568643 6.15156 0.719824C6.51635 0.871005 6.84629 1.09534 7.12102 1.37899C7.40467 1.65371 7.629 1.98366 7.78018 2.34845C7.93137 2.71325 8.00618 3.10515 8.00002 3.49999Z" fill="#A8B6C7"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2002_5454">
|
||||
<rect width="10" height="12" fill="white" transform="translate(0 0.5)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
10
public/static/images/main/login_password.svg
Normal file
10
public/static/images/main/login_password.svg
Normal file
@ -0,0 +1,10 @@
|
||||
<svg width="9" height="11" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2002_5470)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.49999 5.00004H6.49999V3.50004C6.50407 3.23682 6.45419 2.97555 6.3534 2.73236C6.25261 2.48916 6.10307 2.2692 5.91399 2.08604C5.73082 1.89696 5.51086 1.74741 5.26766 1.64662C5.02447 1.54584 4.76321 1.49595 4.49999 1.50004C4.23677 1.49595 3.9755 1.54584 3.73231 1.64662C3.48911 1.74741 3.26915 1.89696 3.08599 2.08604C2.89691 2.2692 2.74736 2.48916 2.64657 2.73236C2.54579 2.97555 2.4959 3.23682 2.49999 3.50004V5.00004ZM8.99999 5.75004V10.25C9.0017 10.3488 8.98315 10.4469 8.94548 10.5382C8.90781 10.6295 8.85183 10.7122 8.78099 10.781C8.71214 10.8519 8.6295 10.9079 8.53817 10.9455C8.44684 10.9832 8.34876 11.0017 8.24999 11H0.749986C0.651211 11.0017 0.553133 10.9832 0.461805 10.9455C0.370477 10.9079 0.287838 10.8519 0.218986 10.781C0.148142 10.7122 0.0921584 10.6295 0.0544922 10.5382C0.0168259 10.4469 -0.00172429 10.3488 -1.36628e-05 10.25V5.75004C-0.00172429 5.65126 0.0168259 5.55318 0.0544922 5.46186C0.0921584 5.37053 0.148142 5.28789 0.218986 5.21904C0.287838 5.14819 0.370477 5.09221 0.461805 5.05454C0.553133 5.01688 0.651211 4.99833 0.749986 5.00004H0.999986V3.50004C0.994046 3.03989 1.08247 2.58341 1.25979 2.15876C1.43711 1.73412 1.69958 1.35031 2.03099 1.03104C2.35026 0.699627 2.73407 0.437163 3.15871 0.259839C3.58336 0.082516 4.03984 -0.0059038 4.49999 3.65024e-05C4.96013 -0.0059038 5.41661 0.082516 5.84126 0.259839C6.26591 0.437163 6.64971 0.699627 6.96899 1.03104C7.3004 1.35031 7.56286 1.73412 7.74018 2.15876C7.91751 2.58341 8.00593 3.03989 7.99999 3.50004V5.00004H8.24999C8.34876 4.99833 8.44684 5.01688 8.53817 5.05454C8.6295 5.09221 8.71214 5.14819 8.78099 5.21904C8.85183 5.28789 8.90781 5.37053 8.94548 5.46186C8.98315 5.55318 9.0017 5.65126 8.99999 5.75004Z" fill="#A8B6C7"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2002_5470">
|
||||
<rect width="9" height="11" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
6
public/static/images/main/mail.svg
Normal file
6
public/static/images/main/mail.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<path id="Vector" d="M1.01419 10.2781C1.07303 13.0371 1.10245 14.4166 2.12046 15.4385C3.13848 16.4604 4.5553 16.496 7.38895 16.5671C9.13538 16.611 10.8646 16.611 12.6111 16.5671C15.4447 16.496 16.8615 16.4604 17.8795 15.4385C18.8976 14.4166 18.927 13.0371 18.9858 10.2781C19.0047 9.39099 19.0047 8.50912 18.9858 7.622C18.927 4.86302 18.8976 3.48353 17.8795 2.46165C16.8615 1.43976 15.4447 1.40416 12.6111 1.33296C10.8646 1.28908 9.13538 1.28908 7.38894 1.33295C4.5553 1.40415 3.13847 1.43974 2.12046 2.46163C1.10244 3.48352 1.07302 4.86301 1.01419 7.62199C0.99527 8.50911 0.995271 9.39099 1.01419 10.2781Z" fill="white" stroke="#141B34" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M5.5 5.80005L8.14781 7.36554C9.6915 8.27822 10.3085 8.27822 11.8522 7.36554L14.5 5.80005" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1006 B |
11
public/static/images/main/main_search.svg
Normal file
11
public/static/images/main/main_search.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="element" clip-path="url(#clip0_2005_940)">
|
||||
<path id="패스 171" d="M17.8789 17.9735L19.8789 19.9735" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path id="Vector" d="M9.98901 18.4039C14.6834 18.4039 18.489 14.5989 18.489 9.90519C18.489 5.21149 14.6834 1.40649 9.98901 1.40649C5.29459 1.40649 1.48901 5.21149 1.48901 9.90519C1.48901 14.5989 5.29459 18.4039 9.98901 18.4039Z" stroke="white" stroke-width="1.5"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2005_940">
|
||||
<rect width="21" height="21" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 673 B |
5
public/static/images/main/more_btn.svg
Normal file
5
public/static/images/main/more_btn.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.5" y="0.5" width="19" height="19" rx="9.5" stroke="#101010"/>
|
||||
<path d="M10 7V13" stroke="#101010" stroke-width="2" stroke-linecap="round"/>
|
||||
<path d="M7 10H13" stroke="#101010" stroke-width="2" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 332 B |
11
public/static/images/main/password_hidden.svg
Normal file
11
public/static/images/main/password_hidden.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="hidden" clip-path="url(#clip0_2002_5472)">
|
||||
<path id="Mask" d="M9.5 0C7.4493 0.00116877 5.44643 0.619597 3.75206 1.7748C2.0577 2.93 0.750291 4.56848 0 6.477C0.749121 8.38638 2.05622 10.0257 3.75083 11.1812C5.44544 12.3367 7.44892 12.9548 9.5 12.9548C11.5511 12.9548 13.5546 12.3367 15.2492 11.1812C16.9438 10.0257 18.2509 8.38638 19 6.477C18.2497 4.56848 16.9423 2.93 15.2479 1.7748C13.5536 0.619597 11.5507 0.00116877 9.5 0ZM9.5 10.8C8.64598 10.8 7.81114 10.5468 7.10105 10.0723C6.39096 9.59782 5.83751 8.92344 5.51069 8.13443C5.18387 7.34542 5.09836 6.47721 5.26497 5.6396C5.43158 4.80199 5.84283 4.0326 6.44671 3.42871C7.0506 2.82483 7.81999 2.41358 8.6576 2.24697C9.49521 2.08036 10.3634 2.16587 11.1524 2.49269C11.9414 2.81951 12.6158 3.37296 13.0903 4.08305C13.5648 4.79314 13.818 5.62798 13.818 6.482C13.8175 7.62704 13.3624 8.72503 12.5527 9.5347C11.743 10.3444 10.645 10.7995 9.5 10.8ZM9.5 3.891C8.98755 3.891 8.4866 4.04296 8.06052 4.32766C7.63443 4.61237 7.30233 5.01702 7.10623 5.49047C6.91012 5.96391 6.85881 6.48487 6.95879 6.98748C7.05876 7.49008 7.30553 7.95176 7.66789 8.31411C8.03024 8.67647 8.49192 8.92324 8.99452 9.02321C9.49713 9.12319 10.0181 9.07188 10.4915 8.87577C10.965 8.67966 11.3696 8.34757 11.6543 7.92148C11.939 7.49539 12.091 6.99445 12.091 6.482C12.0922 6.14118 12.026 5.80348 11.8963 5.48831C11.7666 5.17314 11.5758 4.88671 11.3351 4.64548C11.0943 4.40424 10.8082 4.21296 10.4933 4.08263C10.1784 3.95229 9.84083 3.88547 9.5 3.886V3.891Z" fill="#A8B6C7"/>
|
||||
<path id="Vector 7178" d="M15 1L3 12.5225" stroke="white" stroke-width="1.5"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2002_5472">
|
||||
<rect width="19" height="12.955" fill="white" transform="translate(0 0.0224609)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
10
public/static/images/main/password_visible.svg
Normal file
10
public/static/images/main/password_visible.svg
Normal file
@ -0,0 +1,10 @@
|
||||
<svg width="19" height="13" viewBox="0 0 19 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="show" clip-path="url(#clip0_2253_7108)">
|
||||
<path id="Mask" d="M9.5 0C7.4493 0.00116877 5.44643 0.619597 3.75206 1.7748C2.0577 2.93 0.750291 4.56848 0 6.477C0.749121 8.38638 2.05622 10.0257 3.75083 11.1812C5.44544 12.3367 7.44892 12.9548 9.5 12.9548C11.5511 12.9548 13.5546 12.3367 15.2492 11.1812C16.9438 10.0257 18.2509 8.38638 19 6.477C18.2497 4.56848 16.9423 2.93 15.2479 1.7748C13.5536 0.619597 11.5507 0.00116877 9.5 0ZM9.5 10.8C8.64598 10.8 7.81114 10.5468 7.10105 10.0723C6.39096 9.59782 5.83751 8.92344 5.51069 8.13443C5.18387 7.34542 5.09836 6.47721 5.26497 5.6396C5.43158 4.80199 5.84283 4.0326 6.44671 3.42871C7.0506 2.82483 7.81999 2.41358 8.6576 2.24697C9.49521 2.08036 10.3634 2.16587 11.1524 2.49269C11.9414 2.81951 12.6158 3.37296 13.0903 4.08305C13.5648 4.79314 13.818 5.62798 13.818 6.482C13.8175 7.62704 13.3624 8.72503 12.5527 9.5347C11.743 10.3444 10.645 10.7995 9.5 10.8ZM9.5 3.891C8.98755 3.891 8.4866 4.04296 8.06052 4.32766C7.63443 4.61237 7.30233 5.01702 7.10623 5.49047C6.91012 5.96391 6.85881 6.48487 6.95879 6.98748C7.05876 7.49008 7.30553 7.95176 7.66789 8.31411C8.03024 8.67647 8.49192 8.92324 8.99452 9.02321C9.49713 9.12319 10.0181 9.07188 10.4915 8.87577C10.965 8.67966 11.3696 8.34757 11.6543 7.92148C11.939 7.49539 12.091 6.99445 12.091 6.482C12.0922 6.14118 12.026 5.80348 11.8963 5.48831C11.7666 5.17314 11.5758 4.88671 11.3351 4.64548C11.0943 4.40424 10.8082 4.21296 10.4933 4.08263C10.1784 3.95229 9.84083 3.88547 9.5 3.886V3.891Z" fill="#A8B6C7"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2253_7108">
|
||||
<rect width="19" height="12.955" fill="white" transform="translate(0 0.0224609)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
8
public/static/images/main/product_ico01.svg
Normal file
8
public/static/images/main/product_ico01.svg
Normal file
@ -0,0 +1,8 @@
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<path id="Ellipse 42" d="M21 4.5C21 6.433 19.433 8 17.5 8C15.567 8 14 6.433 14 4.5C14 2.567 15.567 1 17.5 1C19.433 1 21 2.567 21 4.5Z" stroke="white" stroke-width="1.5"/>
|
||||
<path id="Ellipse 41" d="M20.9506 10C20.9833 10.3289 21 10.6625 21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C11.3375 1 11.6711 1.01672 12 1.04938" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path id="Vector 4052" d="M7 9H11" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector 4053" d="M7 14H15" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 780 B |
6
public/static/images/main/product_ico02.svg
Normal file
6
public/static/images/main/product_ico02.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<path id="Vector" d="M7 12.5H15M7 7.5H11" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M5.09881 18C3.7987 17.8721 2.82475 17.4816 2.17157 16.8284C1 15.6569 1 13.7712 1 10V9.5C1 5.72876 1 3.84315 2.17157 2.67157C3.34315 1.5 5.22876 1.5 9 1.5H13C16.7712 1.5 18.6569 1.5 19.8284 2.67157C21 3.84315 21 5.72876 21 9.5V10C21 13.7712 21 15.6569 19.8284 16.8284C18.6569 18 16.7712 18 13 18C12.4395 18.0125 11.9931 18.0551 11.5546 18.155C10.3562 18.4309 9.24652 19.0441 8.14987 19.5789C6.58729 20.3408 5.806 20.7218 5.31569 20.3651C4.37769 19.6665 5.29454 17.5019 5.5 16.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 811 B |
7
public/static/images/main/product_ico03.svg
Normal file
7
public/static/images/main/product_ico03.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<path id="Vector" d="M21 10.5667C21 15.8499 16.5222 20.1334 11 20.1334C10.3507 20.1343 9.70324 20.0742 9.06542 19.9545C8.60633 19.8682 8.37678 19.8251 8.21653 19.8496C8.05627 19.8741 7.82918 19.9948 7.37499 20.2364C6.09014 20.9197 4.59195 21.161 3.15111 20.893C3.69874 20.2194 4.07275 19.4112 4.23778 18.5448C4.33778 18.0148 4.09 17.5 3.71889 17.1231C2.03333 15.4115 1 13.1051 1 10.5667C1 5.28357 5.47778 1 11 1C16.5222 1 21 5.28357 21 10.5667Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
<path id="Ellipse 583" d="M9 8.84615C9 7.82655 9.89543 7 11 7C12.1046 7 13 7.82655 13 8.84615C13 9.21368 12.8837 9.55612 12.6831 9.84381C12.0854 10.7012 11 11.5189 11 12.5385V13" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<path id="Vector_2" d="M11 15.5H11.009" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 993 B |
6
public/static/images/main/product_ico04.svg
Normal file
6
public/static/images/main/product_ico04.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<path id="Vector" d="M16.4776 7.01106C16.485 7.01102 16.4925 7.01101 16.5 7.01101C18.9853 7.01101 21 9.02942 21 11.5193C21 13.8398 19.25 15.7508 17 16M16.4776 7.01106C16.4924 6.84606 16.5 6.67896 16.5 6.51009C16.5 3.46695 14.0376 1 11 1C8.12324 1 5.76233 3.21267 5.52042 6.03192M16.4776 7.01106C16.3753 8.14759 15.9286 9.1846 15.2428 10.0165M5.52042 6.03192C2.98398 6.27373 1 8.41392 1 11.0183C1 13.4417 2.71776 15.4632 5 15.9273M5.52042 6.03192C5.67826 6.01687 5.83823 6.00917 6 6.00917C7.12582 6.00917 8.16474 6.38194 9.00049 7.01101" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M11 19L11 11M11 19C10.2998 19 8.99153 17.0057 8.5 16.5M11 19C11.7002 19 13.0085 17.0057 13.5 16.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 951 B |
7
public/static/images/main/product_ico05.svg
Normal file
7
public/static/images/main/product_ico05.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<path id="Vector" d="M21 10.5005C21 10.0092 20.9947 9.01772 20.9842 8.52488C20.9189 5.45935 20.8862 3.92658 19.7551 2.79115C18.6239 1.65572 17.0497 1.61617 13.9012 1.53706C11.9607 1.4883 10.0393 1.4883 8.09882 1.53705C4.95033 1.61615 3.37608 1.6557 2.24495 2.79114C1.11382 3.92657 1.08114 5.45933 1.01576 8.52487C0.994745 9.51055 0.994745 10.4904 1.01577 11.4761C1.08114 14.5416 1.11383 16.0744 2.24496 17.2098C3.37608 18.3453 4.95033 18.3848 8.09883 18.4639C8.90159 18.4841 9.70108 18.4959 10.5 18.4994" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector 7163" d="M1 4.00049L7.91302 7.92511C10.4387 9.35895 11.5613 9.35895 14.087 7.92511L21 4.00049" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M13 15.5005L21 15.5005M13 15.5005C13 14.8003 14.9943 13.492 15.5 13.0005M13 15.5005C13 16.2007 14.9943 17.509 15.5 18.0005" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
3
public/static/images/main/store-arr.svg
Normal file
3
public/static/images/main/store-arr.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="Vector 4054" d="M1.5 1L5.5 5L1.5 9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 228 B |
11
public/static/images/main/user.svg
Normal file
11
public/static/images/main/user.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<circle id="Ellipse 1536" cx="10" cy="10.6499" r="9" fill="white"/>
|
||||
<path id="Ellipse 1533" d="M10.9 19.6055C10.604 19.6349 10.3037 19.6499 10 19.6499C5.02944 19.6499 1 15.6205 1 10.6499C1 5.67934 5.02944 1.6499 10 1.6499C14.9706 1.6499 19 5.67934 19 10.6499C19 10.9537 18.985 11.2539 18.9556 11.5499" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"/>
|
||||
<g id="Vector">
|
||||
<path d="M12.2455 8.3999C12.2455 9.64254 11.2367 10.6499 9.99233 10.6499C8.74792 10.6499 7.73912 9.64254 7.73912 8.3999C7.73912 7.15726 8.74792 6.1499 9.99233 6.1499C11.2367 6.1499 12.2455 7.15726 12.2455 8.3999Z" fill="white"/>
|
||||
<path d="M5.94995 15.1499C7.21217 13.8279 9.11902 13.2636 10.9 13.5246M12.2455 8.3999C12.2455 9.64254 11.2367 10.6499 9.99233 10.6499C8.74792 10.6499 7.73912 9.64254 7.73912 8.3999C7.73912 7.15726 8.74792 6.1499 9.99233 6.1499C11.2367 6.1499 12.2455 7.15726 12.2455 8.3999Z" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</g>
|
||||
<circle id="Vector_2" cx="15.85" cy="16.4999" r="3.15" fill="white" stroke="#141B34" stroke-width="1.5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
6
public/static/images/sub/copy_grid_ico.svg
Normal file
6
public/static/images/sub/copy_grid_ico.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<path id="Rectangle 1705" d="M12.9999 6.6C12.998 4.23433 12.9622 3.00897 12.2736 2.16994C12.1407 2.00791 11.9921 1.85934 11.8301 1.72637C10.945 1 9.62999 1 7 1C4.37002 1 3.05502 1 2.16994 1.72637C2.00791 1.85934 1.85934 2.00791 1.72637 2.16994C1 3.05502 1 4.37001 1 7C1 9.62998 1 10.945 1.72637 11.8301C1.85934 11.9921 2.00791 12.1407 2.16994 12.2736C3.00897 12.9622 4.23433 12.998 6.6 12.9999" stroke="#45576F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector" d="M10.8462 6.25C10.4319 6.25 10.0962 6.58579 10.0962 7C10.0962 7.41421 10.4319 7.75 10.8462 7.75V6.25ZM13.1538 7.75C13.5681 7.75 13.9038 7.41421 13.9038 7C13.9038 6.58579 13.5681 6.25 13.1538 6.25V7.75ZM7.75 10.8462C7.75 10.4319 7.41421 10.0962 7 10.0962C6.58579 10.0962 6.25 10.4319 6.25 10.8462H7.75ZM6.25 13.1538C6.25 13.5681 6.58579 13.9038 7 13.9038C7.41421 13.9038 7.75 13.5681 7.75 13.1538H6.25ZM8.99016 7.74363C9.40086 7.68978 9.69014 7.31318 9.63628 6.90249C9.58242 6.49179 9.20583 6.20251 8.79513 6.25637L8.99016 7.74363ZM7.5814 7.48186L8.05787 8.06107L7.5814 7.48186ZM6.26469 8.39077C6.18312 8.79687 6.4462 9.19221 6.85231 9.27378C7.25841 9.35534 7.65374 9.09226 7.73531 8.68616L6.26469 8.39077ZM16.2647 8.68616C16.3463 9.09226 16.7416 9.35534 17.1477 9.27378C17.5538 9.19221 17.8169 8.79687 17.7353 8.39077L16.2647 8.68616ZM16.4186 7.48186L15.9421 8.06107L15.9421 8.06107L16.4186 7.48186ZM15.2049 6.25637C14.7942 6.20251 14.4176 6.49179 14.3637 6.90249C14.3099 7.31318 14.5991 7.68978 15.0098 7.74363L15.2049 6.25637ZM15.0098 16.2564C14.5991 16.3102 14.3099 16.6868 14.3637 17.0975C14.4176 17.5082 14.7942 17.7975 15.2049 17.7436L15.0098 16.2564ZM16.4186 16.5181L16.8951 17.0973L16.4186 16.5181ZM17.7353 15.6092C17.8169 15.2031 17.5538 14.8078 17.1477 14.7262C16.7416 14.6447 16.3463 14.9077 16.2647 15.3138L17.7353 15.6092ZM7.73531 15.3138C7.65374 14.9077 7.25841 14.6447 6.85231 14.7262C6.4462 14.8078 6.18312 15.2031 6.26469 15.6092L7.73531 15.3138ZM7.5814 16.5181L8.05787 15.9389L8.05787 15.9389L7.5814 16.5181ZM8.79513 17.7436C9.20583 17.7975 9.58243 17.5082 9.63628 17.0975C9.69014 16.6868 9.40086 16.3102 8.99016 16.2564L8.79513 17.7436ZM10.8462 16.25C10.4319 16.25 10.0962 16.5858 10.0962 17C10.0962 17.4142 10.4319 17.75 10.8462 17.75V16.25ZM13.1538 17.75C13.5681 17.75 13.9038 17.4142 13.9038 17C13.9038 16.5858 13.5681 16.25 13.1538 16.25V17.75ZM17.75 10.8462C17.75 10.4319 17.4142 10.0962 17 10.0962C16.5858 10.0962 16.25 10.4319 16.25 10.8462H17.75ZM16.25 13.1538C16.25 13.5681 16.5858 13.9038 17 13.9038C17.4142 13.9038 17.75 13.5681 17.75 13.1538H16.25ZM10.8462 7.75H13.1538V6.25H10.8462V7.75ZM6.25 10.8462V13.1538H7.75V10.8462H6.25ZM8.79513 6.25637C8.15219 6.34068 7.58031 6.51159 7.10493 6.90266L8.05787 8.06107C8.22678 7.92212 8.48234 7.81022 8.99016 7.74363L8.79513 6.25637ZM7.73531 8.68616C7.80384 8.34501 7.90801 8.18435 8.05787 8.06107L7.10493 6.90266C6.62056 7.30112 6.3817 7.8082 6.26469 8.39077L7.73531 8.68616ZM17.7353 8.39077C17.6183 7.8082 17.3794 7.30112 16.8951 6.90266L15.9421 8.06107C16.092 8.18435 16.1962 8.345 16.2647 8.68616L17.7353 8.39077ZM15.0098 7.74363C15.5177 7.81022 15.7732 7.92212 15.9421 8.06107L16.8951 6.90266C16.4197 6.51159 15.8478 6.34068 15.2049 6.25637L15.0098 7.74363ZM15.2049 17.7436C15.8478 17.6593 16.4197 17.4884 16.8951 17.0973L15.9421 15.9389C15.7732 16.0779 15.5177 16.1898 15.0098 16.2564L15.2049 17.7436ZM16.2647 15.3138C16.1962 15.655 16.092 15.8156 15.9421 15.9389L16.8951 17.0973C17.3794 16.6989 17.6183 16.1918 17.7353 15.6092L16.2647 15.3138ZM6.26469 15.6092C6.3817 16.1918 6.62056 16.6989 7.10493 17.0973L8.05787 15.9389C7.90801 15.8156 7.80384 15.655 7.73531 15.3138L6.26469 15.6092ZM8.99016 16.2564C8.48234 16.1898 8.22678 16.0779 8.05787 15.9389L7.10492 17.0973C7.58031 17.4884 8.15219 17.6593 8.79513 17.7436L8.99016 16.2564ZM10.8462 17.75H13.1538V16.25H10.8462V17.75ZM16.25 10.8462V13.1538H17.75V10.8462H16.25Z" fill="#45576F"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.9 KiB |
6
public/static/images/sub/copy_ico.svg
Normal file
6
public/static/images/sub/copy_ico.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="elements">
|
||||
<path id="Rectangle 1705" d="M13.4999 6.6C13.498 4.23433 13.4622 3.00897 12.7736 2.16994C12.6407 2.00791 12.4921 1.85934 12.3301 1.72637C11.445 1 10.13 1 7.5 1C4.87002 1 3.55502 1 2.66994 1.72637C2.50791 1.85934 2.35934 2.00791 2.22637 2.16994C1.5 3.05502 1.5 4.37001 1.5 7C1.5 9.62998 1.5 10.945 2.22637 11.8301C2.35934 11.9921 2.50791 12.1407 2.66994 12.2736C3.50897 12.9622 4.73433 12.998 7.1 12.9999" stroke="#344356" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector" d="M11.3462 6.25C10.9319 6.25 10.5962 6.58579 10.5962 7C10.5962 7.41421 10.9319 7.75 11.3462 7.75V6.25ZM13.6538 7.75C14.0681 7.75 14.4038 7.41421 14.4038 7C14.4038 6.58579 14.0681 6.25 13.6538 6.25V7.75ZM8.25 10.8462C8.25 10.4319 7.91421 10.0962 7.5 10.0962C7.08579 10.0962 6.75 10.4319 6.75 10.8462H8.25ZM6.75 13.1538C6.75 13.5681 7.08579 13.9038 7.5 13.9038C7.91421 13.9038 8.25 13.5681 8.25 13.1538H6.75ZM9.49016 7.74363C9.90086 7.68978 10.1901 7.31318 10.1363 6.90249C10.0824 6.49179 9.70583 6.20251 9.29513 6.25637L9.49016 7.74363ZM8.0814 7.48186L8.55787 8.06107L8.0814 7.48186ZM6.76469 8.39077C6.68312 8.79687 6.9462 9.19221 7.35231 9.27378C7.75841 9.35534 8.15374 9.09226 8.23531 8.68616L6.76469 8.39077ZM16.7647 8.68616C16.8463 9.09226 17.2416 9.35534 17.6477 9.27378C18.0538 9.19221 18.3169 8.79687 18.2353 8.39077L16.7647 8.68616ZM16.9186 7.48186L16.4421 8.06107L16.4421 8.06107L16.9186 7.48186ZM15.7049 6.25637C15.2942 6.20251 14.9176 6.49179 14.8637 6.90249C14.8099 7.31318 15.0991 7.68978 15.5098 7.74363L15.7049 6.25637ZM15.5098 16.2564C15.0991 16.3102 14.8099 16.6868 14.8637 17.0975C14.9176 17.5082 15.2942 17.7975 15.7049 17.7436L15.5098 16.2564ZM16.9186 16.5181L17.3951 17.0973L16.9186 16.5181ZM18.2353 15.6092C18.3169 15.2031 18.0538 14.8078 17.6477 14.7262C17.2416 14.6447 16.8463 14.9077 16.7647 15.3138L18.2353 15.6092ZM8.23531 15.3138C8.15374 14.9077 7.75841 14.6447 7.35231 14.7262C6.9462 14.8078 6.68312 15.2031 6.76469 15.6092L8.23531 15.3138ZM8.0814 16.5181L8.55787 15.9389L8.55787 15.9389L8.0814 16.5181ZM9.29513 17.7436C9.70583 17.7975 10.0824 17.5082 10.1363 17.0975C10.1901 16.6868 9.90086 16.3102 9.49016 16.2564L9.29513 17.7436ZM11.3462 16.25C10.9319 16.25 10.5962 16.5858 10.5962 17C10.5962 17.4142 10.9319 17.75 11.3462 17.75V16.25ZM13.6538 17.75C14.0681 17.75 14.4038 17.4142 14.4038 17C14.4038 16.5858 14.0681 16.25 13.6538 16.25V17.75ZM18.25 10.8462C18.25 10.4319 17.9142 10.0962 17.5 10.0962C17.0858 10.0962 16.75 10.4319 16.75 10.8462H18.25ZM16.75 13.1538C16.75 13.5681 17.0858 13.9038 17.5 13.9038C17.9142 13.9038 18.25 13.5681 18.25 13.1538H16.75ZM11.3462 7.75H13.6538V6.25H11.3462V7.75ZM6.75 10.8462V13.1538H8.25V10.8462H6.75ZM9.29513 6.25637C8.65219 6.34068 8.08031 6.51159 7.60493 6.90266L8.55787 8.06107C8.72678 7.92212 8.98234 7.81022 9.49016 7.74363L9.29513 6.25637ZM8.23531 8.68616C8.30384 8.34501 8.40801 8.18435 8.55787 8.06107L7.60493 6.90266C7.12056 7.30112 6.8817 7.8082 6.76469 8.39077L8.23531 8.68616ZM18.2353 8.39077C18.1183 7.8082 17.8794 7.30112 17.3951 6.90266L16.4421 8.06107C16.592 8.18435 16.6962 8.345 16.7647 8.68616L18.2353 8.39077ZM15.5098 7.74363C16.0177 7.81022 16.2732 7.92212 16.4421 8.06107L17.3951 6.90266C16.9197 6.51159 16.3478 6.34068 15.7049 6.25637L15.5098 7.74363ZM15.7049 17.7436C16.3478 17.6593 16.9197 17.4884 17.3951 17.0973L16.4421 15.9389C16.2732 16.0779 16.0177 16.1898 15.5098 16.2564L15.7049 17.7436ZM16.7647 15.3138C16.6962 15.655 16.592 15.8156 16.4421 15.9389L17.3951 17.0973C17.8794 16.6989 18.1183 16.1918 18.2353 15.6092L16.7647 15.3138ZM6.76469 15.6092C6.8817 16.1918 7.12056 16.6989 7.60493 17.0973L8.55787 15.9389C8.40801 15.8156 8.30384 15.655 8.23531 15.3138L6.76469 15.6092ZM9.49016 16.2564C8.98234 16.1898 8.72678 16.0779 8.55787 15.9389L7.60492 17.0973C8.08031 17.4884 8.65219 17.6593 9.29513 17.7436L9.49016 16.2564ZM11.3462 17.75H13.6538V16.25H11.3462V17.75ZM16.75 10.8462V13.1538H18.25V10.8462H16.75Z" fill="#344356"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
5
public/static/images/sub/file_delete.svg
Normal file
5
public/static/images/sub/file_delete.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.5" y="0.5" width="14" height="14" rx="7" fill="white"/>
|
||||
<rect x="0.5" y="0.5" width="14" height="14" rx="7" stroke="#94A0AD"/>
|
||||
<path d="M9.741 10.559L7.509 8.327L5.277 10.559L4.512 9.794L6.744 7.562L4.512 5.33L5.277 4.565L7.509 6.797L9.741 4.565L10.506 5.33L8.274 7.562L10.506 9.794L9.741 10.559Z" fill="#94A0AD"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 429 B |
4
public/static/images/sub/pagination_first.svg
Normal file
4
public/static/images/sub/pagination_first.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.5 1L1.5 4L4.5 7" stroke="#6B6B6B"/>
|
||||
<path d="M8.5 1L5.5 4L8.5 7" stroke="#6B6B6B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 195 B |
3
public/static/images/sub/pagination_prev.svg
Normal file
3
public/static/images/sub/pagination_prev.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.5 1L1.5 4L4.5 7" stroke="#6B6B6B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 147 B |
4
public/static/images/sub/tooltips.svg
Normal file
4
public/static/images/sub/tooltips.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="7" cy="7.5" r="6.5" fill="#ECEEF1" stroke="#45576F"/>
|
||||
<path d="M6.507 9.228L6.276 5.169L6.221 3.629H7.849L7.794 5.169L7.563 9.228H6.507ZM7.035 12.154C6.74167 12.154 6.49967 12.0513 6.309 11.846C6.12567 11.6407 6.034 11.3913 6.034 11.098C6.034 10.79 6.12567 10.537 6.309 10.339C6.49967 10.141 6.74167 10.042 7.035 10.042C7.32833 10.042 7.56667 10.141 7.75 10.339C7.94067 10.537 8.036 10.79 8.036 11.098C8.036 11.3913 7.94067 11.6407 7.75 11.846C7.56667 12.0513 7.32833 12.154 7.035 12.154Z" fill="#45576F"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 622 B |
@ -3,7 +3,6 @@
|
||||
height: calc(100vh - 47px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
|
||||
.canvas-content {
|
||||
flex: 1 1 auto;
|
||||
@ -12,6 +11,14 @@
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.sub-wrap {
|
||||
overflow: hidden;
|
||||
|
||||
.canvas-content {
|
||||
height: calc(100% - 47px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// CanvasMenu
|
||||
@ -185,8 +192,8 @@
|
||||
button {
|
||||
.ico {
|
||||
display: block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
@ -207,6 +214,17 @@
|
||||
background-image: url(../../public/static/images/canvas/ico-flx04.svg);
|
||||
}
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&.form06 {
|
||||
.name {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -485,6 +503,7 @@
|
||||
.canvas-frame {
|
||||
position: relative;
|
||||
height: calc(100% - 36.5px);
|
||||
background-color: #fff;
|
||||
|
||||
canvas {
|
||||
position: absolute;
|
||||
@ -494,3 +513,382 @@
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
// sub-page
|
||||
.sub-header {
|
||||
position: fixed;
|
||||
top: 46px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 46px;
|
||||
border-bottom: 1px solid #000;
|
||||
background: #2C2C2C;
|
||||
z-index: 999;
|
||||
|
||||
.sub-header-inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
padding: 0 100px;
|
||||
|
||||
.sub-header-title-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.title-item {
|
||||
position: relative;
|
||||
padding: 0 24px;
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.icon {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-right: 8px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
|
||||
&.drawing {
|
||||
background-image: url(../../public/static/images/main/drawing_icon.svg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 1px;
|
||||
height: 16px;
|
||||
background-color: #D9D9D9;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sub-header-title {
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.sub-header-location {
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.location-item {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 10px;
|
||||
|
||||
span {
|
||||
display: flex;
|
||||
font-size: 12px;
|
||||
color: #AAA;
|
||||
font-weight: normal;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 4px;
|
||||
height: 6px;
|
||||
background: url(../../public/static/images/main/loaction_arr.svg) no-repeat center;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// sub content
|
||||
.sub-content {
|
||||
padding-top: 46px;
|
||||
|
||||
.sub-content-inner {
|
||||
max-width: 1720px;
|
||||
margin: 0 auto;
|
||||
padding-top: 20px;
|
||||
|
||||
.sub-content-box {
|
||||
margin-bottom: 20px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.estimate {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: calc(100% - 36.5px);
|
||||
overflow-y: auto;
|
||||
padding-top: 0;
|
||||
|
||||
.sub-content-inner {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sub-table-box {
|
||||
padding: 20px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #E9EAED;
|
||||
background: #FFF;
|
||||
box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.02);
|
||||
|
||||
.table-box-title-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 15px;
|
||||
|
||||
.title-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
h3 {
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
color: #101010;
|
||||
font-weight: 600;
|
||||
margin-right: 14px;
|
||||
}
|
||||
|
||||
.info-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
padding: 0 6px;
|
||||
font-size: 12px;
|
||||
color: #101010;
|
||||
font-weight: normal;
|
||||
|
||||
span {
|
||||
font-weight: 600;
|
||||
|
||||
&.red {
|
||||
color: #E23D70;
|
||||
}
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 1px;
|
||||
height: 11px;
|
||||
background-color: #D9D9D9;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.left-unit-box {
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.promise-gudie {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #101010;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.important {
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
.sub-table-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.pagination-wrap {
|
||||
margin-top: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.infomation-box-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
|
||||
.sub-table-box {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.info-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #344356;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.info-inner {
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
color: #344356;
|
||||
|
||||
.copy-ico {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url(../../public/static/images/sub/copy_ico.svg) no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 견적서
|
||||
.estimate-list-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.estimate-box {
|
||||
flex: 1 1 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&:last-child {
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.estimate-tit {
|
||||
width: 105px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
background-color: #F4F4F7;
|
||||
border-radius: 100px;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: #344356;
|
||||
}
|
||||
|
||||
.estimate-name {
|
||||
font-size: 13px;
|
||||
color: #344356;
|
||||
margin-left: 14px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// file drag box
|
||||
.drag-file-box {
|
||||
padding: 10px;
|
||||
|
||||
.btn-area {
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid #ECF0F4;
|
||||
}
|
||||
|
||||
.drag-file-area {
|
||||
position: relative;
|
||||
margin-top: 15px;
|
||||
|
||||
p {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 13px;
|
||||
color: #ccc;
|
||||
font-weight: 400;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
.file-list {
|
||||
.file-item {
|
||||
margin-bottom: 15px;
|
||||
|
||||
span {
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
color: #45576F;
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
padding-right: 55px;
|
||||
|
||||
button {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background: url(../../public/static/images/sub/file_delete.svg) no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,684 @@
|
||||
// background img
|
||||
.background-bord {
|
||||
position: absolute;
|
||||
top: 46px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 280px;
|
||||
background: url(../../public/static/images/main/main_background.png) no-repeat center;
|
||||
background-size: cover;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
// main-wrap
|
||||
.main-contents {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
// contents
|
||||
.store-id-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
padding: 33.5px 0;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
|
||||
.store-id-title {
|
||||
position: relative;
|
||||
padding-left: 32px;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(../../public/static/images/main/id_icon.svg) no-repeat center;
|
||||
}
|
||||
}
|
||||
|
||||
.store-arr {
|
||||
display: block;
|
||||
width: 7px;
|
||||
height: 10px;
|
||||
background: url(../../public/static/images/main/store-arr.svg) no-repeat center;
|
||||
}
|
||||
|
||||
.store-id-name {
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
// main-search-form
|
||||
.main-search-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 45px 0;
|
||||
|
||||
.search-raido-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.search-input-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 580px;
|
||||
height: 45px;
|
||||
border-radius: 100px;
|
||||
padding: 0 20px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.30);
|
||||
background: rgba(31, 31, 31, 0.30);
|
||||
|
||||
.main-search {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
background-color: transparent;
|
||||
outline: none;
|
||||
border: none;
|
||||
font-family: 'Noto Sans JP', sans-serif;
|
||||
}
|
||||
|
||||
.search-icon {
|
||||
width: 20px;
|
||||
height: 100%;
|
||||
background-image: url(../../public/static/images/main/main_search.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 21px 21px;
|
||||
}
|
||||
}
|
||||
|
||||
// main-contents-inner
|
||||
.main-product-list-wrap {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
|
||||
.main-product-list {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
margin-bottom: 24px;
|
||||
|
||||
.product-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 40px;
|
||||
border-radius: 6px;
|
||||
background: #FFF;
|
||||
box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.02);
|
||||
|
||||
&.item01 {
|
||||
flex: 1;
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
&.item02 {
|
||||
flex: none;
|
||||
width: 451px;
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
&.item03 {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
&.item04 {
|
||||
flex: none;
|
||||
width: 351px;
|
||||
}
|
||||
|
||||
&.item05 {
|
||||
flex: none;
|
||||
width: 451px;
|
||||
}
|
||||
|
||||
.product-item-title-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.product-item-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
color: #101010;
|
||||
font-weight: 600;
|
||||
|
||||
.item-logo {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50px;
|
||||
background: #14324F;
|
||||
margin-right: 12px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 22px 22px;
|
||||
background-position: center;
|
||||
|
||||
&.ico01 {
|
||||
background-image: url(../../public/static/images/main/product_ico01.svg);
|
||||
}
|
||||
|
||||
&.ico02 {
|
||||
background-image: url(../../public/static/images/main/product_ico02.svg);
|
||||
}
|
||||
|
||||
&.ico03 {
|
||||
background-image: url(../../public/static/images/main/product_ico03.svg);
|
||||
}
|
||||
|
||||
&.ico04 {
|
||||
background-image: url(../../public/static/images/main/product_ico04.svg);
|
||||
}
|
||||
|
||||
&.ico05 {
|
||||
background-image: url(../../public/static/images/main/product_ico05.svg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.more-btn {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-left: auto;
|
||||
background: url(../../public/static/images/main/more_btn.svg) no-repeat center;
|
||||
}
|
||||
}
|
||||
|
||||
.product-item-content {
|
||||
margin-top: 30px;
|
||||
overflow: hidden;
|
||||
|
||||
.recently-list {
|
||||
.recently-item {
|
||||
border: 1px solid #F2F2F2;
|
||||
background-color: transparent;
|
||||
padding: 29.9px 20px;
|
||||
margin-bottom: 5px;
|
||||
cursor: pointer;
|
||||
|
||||
.item-inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
color: #101010;
|
||||
font-weight: 400;
|
||||
padding: 0 10px;
|
||||
|
||||
&.time {
|
||||
padding-left: 22px;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background: url(../../public/static/images/main/clock.svg) no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 1px;
|
||||
height: 10px;
|
||||
background-color: #BBB;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.notice-box {
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
|
||||
.notice-day {
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
font-weight: 400;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.notice-title {
|
||||
font-size: 14px;
|
||||
color: #101010;
|
||||
font-weight: 600;
|
||||
margin-bottom: 25px;
|
||||
line-height: 24px;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
.notice-contents {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
|
||||
span {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-left: 10px;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 3px;
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
border-radius: 100%;
|
||||
background-color: #666;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 4px; /* 스크롤바의 너비 */
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: #697C8F; /* 스크롤바의 색상 */
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-track {
|
||||
background: transparent; /*스크롤바 뒷 배경 색상*/
|
||||
}
|
||||
}
|
||||
|
||||
.faq-item {
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
cursor: pointer;
|
||||
|
||||
.faq-item-inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.faq-num {
|
||||
flex: none;
|
||||
padding: 7px 12.5px;
|
||||
font-size: 13px;
|
||||
color: #101010;
|
||||
font-weight: 600;
|
||||
border-radius: 110px;
|
||||
border: 1px solid rgba(242, 242, 242, 0.95);
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.faq-title {
|
||||
width: 0;
|
||||
flex: 1 1 auto;
|
||||
font-size: 13px;
|
||||
color: #101010;
|
||||
font-weight: 500;
|
||||
padding-right: 96px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.faq-day {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
font-size: 13px;
|
||||
color: #101010;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.data-download-wrap {
|
||||
width: 100%;
|
||||
|
||||
.data-down {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
text-align: left;
|
||||
border-radius: 4px;
|
||||
background-color: #697C8F;
|
||||
margin-bottom: 5px;
|
||||
transition: background .17s ease-in-out;
|
||||
|
||||
span {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-right: 30px;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 18px;
|
||||
height: 16px;
|
||||
background: url(../../public/static/images/main/download.svg) no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #859eb6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contact-info-list {
|
||||
padding: 25px 30px;
|
||||
border-radius: 4px;
|
||||
background-color: #F4F4F7;
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px 0;
|
||||
border-bottom: 1px solid #fff;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-bottom: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.icon-box {
|
||||
display: flex;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.infor-data {
|
||||
font-size: 13px;
|
||||
color: #101010;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// loginpage
|
||||
.login-wrap {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
background: url(../../public/static/images/main/login_bg.png) no-repeat center;
|
||||
background-size: cover;
|
||||
|
||||
.login-inner {
|
||||
max-width: 500px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
|
||||
.login-logo {
|
||||
display: block;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.login-input-frame {
|
||||
padding: 40px 50px;
|
||||
border-radius: 6px;
|
||||
background: rgba(255, 255, 255, 0.97);
|
||||
box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.02);
|
||||
|
||||
.login-frame-tit {
|
||||
font-size: 18px;
|
||||
color: #364864;
|
||||
font-weight: 400;
|
||||
padding-bottom: 30px;
|
||||
border-bottom: 1px solid #E5E9EF;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.login-input-wrap {
|
||||
margin-top: 30px;
|
||||
|
||||
.login-area {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 1px solid #E5E9EF;
|
||||
height: 45px;
|
||||
padding-left: 40px;
|
||||
padding-right: 15px;
|
||||
margin-bottom: 15px;
|
||||
|
||||
.login-input {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
background-color: transparent;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
color: #D1D7E0;
|
||||
|
||||
&::placeholder {
|
||||
color: #D1D7E0;
|
||||
}
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 15px;
|
||||
transform: translateY(-50%);
|
||||
width: 10px;
|
||||
height: 12px;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 20px;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
&.id {
|
||||
&::before {
|
||||
background: url(../../public/static/images/main/login_id.svg) no-repeat center;
|
||||
}
|
||||
|
||||
.id-delete {
|
||||
background-image: url(../../public/static/images/main/id_delete.svg);
|
||||
background-size: 17px 17px;
|
||||
}
|
||||
}
|
||||
|
||||
&.password {
|
||||
margin-bottom: 20px;
|
||||
|
||||
&::before {
|
||||
background: url(../../public/static/images/main/login_password.svg) no-repeat center;
|
||||
}
|
||||
|
||||
.password-hidden {
|
||||
background-image: url(../../public/static/images/main/password_hidden.svg);
|
||||
background-size: 19px 13px;
|
||||
|
||||
&.visible {
|
||||
background-image: url(../../public/static/images/main/password_visible.svg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.login-btn-box {
|
||||
margin-bottom: 20px;
|
||||
|
||||
.login-btn {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
background-color: #5C6773;
|
||||
color: #fff;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
border-radius: 4px;
|
||||
transition: background .15s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
background-color: #717e8d;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reset-password {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
color: #364864;
|
||||
font-weight: 400;
|
||||
padding-right: 16px;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: calc(50% + 1px);
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 6px;
|
||||
height: 8px;
|
||||
background: url(../../public/static/images/main/login-arr.svg) no-repeat center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.login-guide-wrap {
|
||||
position: relative;
|
||||
margin-left: 10px;
|
||||
margin-top: 30px;
|
||||
padding-left: 15px;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
line-height: 24px;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.login-copyright {
|
||||
position: absolute;
|
||||
bottom: 40px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.d-check-box {
|
||||
&.login {
|
||||
margin-bottom: 25px;
|
||||
|
||||
label {
|
||||
padding-left: 20px;
|
||||
color: #364864;
|
||||
|
||||
&:before {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
top: -1px;
|
||||
border-color: #A8B6C7;
|
||||
border-radius: 3px;
|
||||
transition: background .05s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked + label::before {
|
||||
border-color: #A8B6C7;
|
||||
background-color: #A8B6C7;
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked + label::after {
|
||||
border-color: #fff;
|
||||
width: 7px;
|
||||
height: 11px;
|
||||
top: -2px;
|
||||
left: 1px;
|
||||
}
|
||||
}
|
||||
@ -22,8 +22,10 @@
|
||||
|
||||
.modal-pop-wrap {
|
||||
position: fixed;
|
||||
top: 200px;
|
||||
right: 100px;
|
||||
width: 100%;
|
||||
min-width: 380px;
|
||||
min-width: 300px;
|
||||
max-width: fit-content;
|
||||
height: -webkit-fit-content;
|
||||
height: -moz-fit-content;
|
||||
@ -34,13 +36,17 @@
|
||||
z-index: 9999999;
|
||||
|
||||
&.sm {
|
||||
max-width: 450px;
|
||||
max-width: 580px;
|
||||
}
|
||||
|
||||
&.ssm {
|
||||
max-width: 380px;
|
||||
}
|
||||
|
||||
&.xm {
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
&.mount {
|
||||
animation: mountpop .17s ease-in-out forwards;
|
||||
}
|
||||
@ -142,3 +148,179 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.adsorption-point {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #3A3A3A;
|
||||
border-radius: 3px;
|
||||
padding-left: 11px;
|
||||
overflow: hidden;
|
||||
transition: all 0.17s ease-in-out;
|
||||
|
||||
span {
|
||||
font-size: 12px;
|
||||
color: #898989;
|
||||
}
|
||||
|
||||
i {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 7px;
|
||||
margin-left: auto;
|
||||
height: 100%;
|
||||
font-size: 13px;
|
||||
color: #898989;
|
||||
}
|
||||
|
||||
&.act {
|
||||
i {
|
||||
color: #fff;
|
||||
background-color: #1083E3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// grid-option
|
||||
.grid-check-form {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid #3C3C3C;
|
||||
}
|
||||
|
||||
.grid-option-wrap {
|
||||
padding: 15px 0;
|
||||
border-bottom: 1px solid #3C3C3C;
|
||||
|
||||
.grid-option-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #3D3D3D;
|
||||
border-radius: 2px;
|
||||
padding: 10px;
|
||||
gap: 20px;
|
||||
margin-bottom: 5px;
|
||||
|
||||
.grid-input-form {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.input-grid {
|
||||
width: 63px;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.grid-select {
|
||||
flex: 1;
|
||||
|
||||
.sort-select {
|
||||
width: 100%;
|
||||
background-color: #313131;
|
||||
}
|
||||
}
|
||||
|
||||
.grid-btn-wrap {
|
||||
padding-top: 15px;
|
||||
text-align: right;
|
||||
|
||||
button {
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// grid copy
|
||||
.grid-option-tit {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid #3C3C3C;
|
||||
}
|
||||
|
||||
.grid-direction {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.direction {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background-color: #757575;
|
||||
background-image: url(../../public/static/images/canvas/grid_option_arr.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 16px 15px;
|
||||
border-radius: 50%;
|
||||
transition: all .15s ease-in-out;
|
||||
|
||||
&.down {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
&.left {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
&.right {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.act {
|
||||
background-color: #1083E3;
|
||||
}
|
||||
}
|
||||
|
||||
// grid-move
|
||||
.move-form {
|
||||
p {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.input-move-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.input-move {
|
||||
width: 148px;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.direction-move-wrap {
|
||||
flex: none;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px;
|
||||
}
|
||||
@ -66,6 +66,7 @@ q:before, q:after {
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
border: 0 none;
|
||||
@ -145,6 +146,42 @@ button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pre {
|
||||
font-family: 'Pretendard', sans-serif !important;
|
||||
}
|
||||
|
||||
// margin
|
||||
.mt5 {
|
||||
margin-top: 5px !important;
|
||||
}
|
||||
|
||||
.mt10 {
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
.mb5 {
|
||||
margin-bottom: 5px !important;
|
||||
}
|
||||
|
||||
.mb10 {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.mr5 {
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
|
||||
.mr10 {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.ml5 {
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
|
||||
.ml10 {
|
||||
margin-left: 10px !important;
|
||||
}
|
||||
|
||||
// button
|
||||
.btn-frame {
|
||||
@ -229,6 +266,34 @@ button {
|
||||
}
|
||||
}
|
||||
|
||||
.btn-origin {
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
padding: 0 14px;
|
||||
border-radius: 2px;
|
||||
background-color: #101010;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
transition: all .15s ease-in-out;
|
||||
|
||||
&.navy {
|
||||
background-color: #304961;
|
||||
|
||||
&:hover {
|
||||
background-color: #1083E3;
|
||||
}
|
||||
}
|
||||
|
||||
&.grey {
|
||||
background-color: #94A0AD;
|
||||
|
||||
&:hover {
|
||||
background-color: #607F9A;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// select
|
||||
.sort-select {
|
||||
position: relative;
|
||||
@ -307,6 +372,33 @@ button {
|
||||
}
|
||||
}
|
||||
|
||||
.select-light {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
background: #FFF url(../../public/static/images/common/select_light_arr.svg) calc(100% - 11px) center no-repeat;
|
||||
background-size: 10px 6px;
|
||||
border: 1px solid #eee;
|
||||
padding: 0 30px 0 10px;
|
||||
font-size: 13px;
|
||||
color: #45576F;
|
||||
font-family: 'Noto Sans JP', sans-serif;
|
||||
cursor: pointer;
|
||||
|
||||
&:disabled {
|
||||
opacity: 1;
|
||||
background-color: #FAFAFA;
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
&.black {
|
||||
color: #101010;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// input
|
||||
.form-input {
|
||||
label {
|
||||
@ -318,6 +410,7 @@ button {
|
||||
}
|
||||
}
|
||||
|
||||
input[type=number],
|
||||
input[type=text] {
|
||||
&.input-origin {
|
||||
display: inline-block;
|
||||
@ -333,6 +426,7 @@ input[type=text] {
|
||||
letter-spacing: 0px;
|
||||
|
||||
&::placeholder {
|
||||
opacity: 1;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
@ -341,36 +435,28 @@ input[type=text] {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// date-picker
|
||||
.single-date {
|
||||
input {
|
||||
&.input-light {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
padding: 0 10px;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
font-family: 'Pretendard', sans-serif;
|
||||
background-color: #313131;
|
||||
background-color: #fff;
|
||||
font-family: 'Noto Sans JP', sans-serif;
|
||||
font-size: 13px;
|
||||
color: #45576F;
|
||||
font-weight: normal;
|
||||
transition: border-color .17s ease-in-out;
|
||||
|
||||
&:read-only {
|
||||
background-color: #FAFAFA;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.range-date {
|
||||
input {
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
font-family: 'Pretendard', sans-serif;
|
||||
background-color: #313131;
|
||||
}
|
||||
|
||||
.react-datepicker__input-container {
|
||||
button {
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// check-btn
|
||||
.check-btn {
|
||||
@ -480,3 +566,200 @@ input[type=text] {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// radio
|
||||
.d-check-radio,
|
||||
.d-check-box {
|
||||
line-height: 1.1;
|
||||
cursor: pointer;
|
||||
|
||||
input[type=checkbox],
|
||||
input[type=radio] {
|
||||
position: static;
|
||||
margin-left: 0;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
z-index: 1;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
label {
|
||||
position: relative;
|
||||
padding-left: 10px;
|
||||
margin-bottom: 0;
|
||||
word-break: break-all;
|
||||
line-height: 1.2;
|
||||
display: inline;
|
||||
vertical-align: top;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.light {
|
||||
label {
|
||||
color: #45576F;
|
||||
}
|
||||
}
|
||||
|
||||
&.no-text {
|
||||
label {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.d-check-radio {
|
||||
label {
|
||||
&::before {
|
||||
cursor: pointer;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
top: 2px;
|
||||
left: 0;
|
||||
margin-left: -12px;
|
||||
border: 1px solid #999999;
|
||||
border-radius: 100%;
|
||||
background-color: transparent;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
&::after {
|
||||
cursor: pointer;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
top: 6px;
|
||||
left: 4px;
|
||||
margin-left: -12px;
|
||||
border: none;
|
||||
border-radius: 100%;
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity 0.15s ease-in-out, color 0.15s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
&.light {
|
||||
label {
|
||||
&:before {
|
||||
border-color: #D6D6D7;
|
||||
}
|
||||
|
||||
&:after {
|
||||
background-color: #697C8F;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type=radio]:checked + label::after {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
&.pop {
|
||||
label {
|
||||
&:before {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
&:after {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// check-box
|
||||
.d-check-box {
|
||||
label {
|
||||
&::before {
|
||||
cursor: pointer;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
top: 2px;
|
||||
left: 0;
|
||||
margin-left: -12px;
|
||||
border: 1px solid #D6D6D7;
|
||||
background-color: transparent;
|
||||
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
&:after {
|
||||
cursor: pointer;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin-left: -.8rem;
|
||||
transition: border 0.05s ease-in-out, color 0.05s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked + label::after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: -1px;
|
||||
width: 5px;
|
||||
height: 8px;
|
||||
border: 2px solid #697C8F;
|
||||
border-left: none;
|
||||
border-top: none;
|
||||
transform: translate(7.75px, 4.5px) rotate(45deg);
|
||||
-ms-transform: translate(7.75px, 4.5px) rotate(45deg);
|
||||
}
|
||||
|
||||
&.pop {
|
||||
input[type=checkbox]:checked + label::after {
|
||||
border-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// date-picker
|
||||
.date-picker {
|
||||
svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.react-datepicker-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type=text] {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
padding: 0 34px 0 10px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #eee;
|
||||
font-size: 13px;
|
||||
color: #45576F;
|
||||
font-weight: normal;
|
||||
font-family: 'Noto Sans JP', sans-serif;
|
||||
background: #fff url(../../public/static/images/common/datepicker.svg) calc(100% - 11px) center no-repeat;
|
||||
background-size: 14px 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user