сделала header с select/options

This commit is contained in:
Daria Golova
2022-10-03 16:36:39 +03:00
parent 32f5ba806b
commit 548f2f49dc
8 changed files with 164 additions and 16 deletions

View File

@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.1213 20.1213L14.6517 20.6517L14.1213 20.1213ZM13.1481 20.7716L12.861 20.0787L13.1481 20.7716ZM10.8519 20.7716L10.5649 21.4645L10.8519 20.7716ZM9.87868 20.1213L9.34835 20.6517L9.87868 20.1213ZM9.22836 19.1481L8.53545 19.4351L9.22836 19.1481ZM9.75 17C9.75 16.5858 9.41421 16.25 9 16.25C8.58579 16.25 8.25 16.5858 8.25 17H9.75ZM15.75 17C15.75 16.5858 15.4142 16.25 15 16.25C14.5858 16.25 14.25 16.5858 14.25 17H15.75ZM20 17V17.75C20.2489 17.75 20.4815 17.6266 20.621 17.4205C20.7606 17.2144 20.7888 16.9525 20.6964 16.7215L20 17ZM4 17L3.32918 16.6646C3.21293 16.8971 3.22536 17.1732 3.36201 17.3943C3.49867 17.6154 3.74007 17.75 4 17.75V17ZM14.25 18C14.25 18.2955 14.1918 18.5881 14.0787 18.861L15.4645 19.4351C15.653 18.9801 15.75 18.4925 15.75 18H14.25ZM14.0787 18.861C13.9657 19.134 13.7999 19.3821 13.591 19.591L14.6517 20.6517C14.9999 20.3034 15.2761 19.89 15.4645 19.4351L14.0787 18.861ZM13.591 19.591C13.3821 19.7999 13.134 19.9657 12.861 20.0787L13.4351 21.4645C13.89 21.2761 14.3034 20.9999 14.6517 20.6517L13.591 19.591ZM12.861 20.0787C12.5881 20.1918 12.2955 20.25 12 20.25V21.75C12.4925 21.75 12.9801 21.653 13.4351 21.4645L12.861 20.0787ZM12 20.25C11.7045 20.25 11.4119 20.1918 11.139 20.0787L10.5649 21.4645C11.0199 21.653 11.5075 21.75 12 21.75V20.25ZM11.139 20.0787C10.866 19.9657 10.6179 19.7999 10.409 19.591L9.34835 20.6517C9.69657 20.9999 10.11 21.2761 10.5649 21.4645L11.139 20.0787ZM10.409 19.591C10.2001 19.3821 10.0343 19.134 9.92127 18.861L8.53545 19.4351C8.72391 19.89 9.00013 20.3034 9.34835 20.6517L10.409 19.591ZM9.92127 18.861C9.8082 18.5881 9.75 18.2955 9.75 18H8.25C8.25 18.4925 8.347 18.9801 8.53545 19.4351L9.92127 18.861ZM9.75 18V17H8.25V18H9.75ZM15.75 18V17H14.25V18H15.75ZM17.25 9C17.25 10.6222 17.7818 12.7163 18.2832 14.3456C18.5377 15.1729 18.792 15.9039 18.9827 16.4282C19.0781 16.6905 19.1577 16.9017 19.2138 17.0479C19.2419 17.121 19.264 17.1779 19.2793 17.2169C19.287 17.2364 19.2929 17.2515 19.297 17.2618C19.299 17.267 19.3006 17.271 19.3017 17.2738C19.3023 17.2752 19.3027 17.2763 19.3031 17.2771C19.3032 17.2775 19.3033 17.2778 19.3034 17.278C19.3035 17.2782 19.3035 17.2783 19.3036 17.2783C19.3036 17.2785 19.3036 17.2785 20 17C20.6964 16.7215 20.6964 16.7215 20.6964 16.7215C20.6964 16.7215 20.6964 16.7215 20.6964 16.7215C20.6964 16.7215 20.6963 16.7213 20.6962 16.7211C20.6961 16.7207 20.6958 16.72 20.6954 16.719C20.6946 16.7169 20.6933 16.7137 20.6915 16.7093C20.6881 16.7006 20.6828 16.6872 20.6758 16.6693C20.6618 16.6336 20.641 16.5802 20.6143 16.5107C20.561 16.3718 20.4844 16.1688 20.3923 15.9156C20.208 15.4086 19.9623 14.7021 19.7168 13.9044C19.2182 12.2837 18.75 10.3778 18.75 9H17.25ZM4 17C4.67082 17.3354 4.67089 17.3353 4.67097 17.3351C4.67101 17.335 4.6711 17.3348 4.67117 17.3347C4.67132 17.3344 4.6715 17.334 4.67171 17.3336C4.67213 17.3328 4.67267 17.3317 4.67333 17.3304C4.67464 17.3277 4.67643 17.3241 4.67868 17.3195C4.68318 17.3104 4.68952 17.2974 4.69758 17.2808C4.7137 17.2475 4.73669 17.1994 4.76558 17.1375C4.82333 17.0137 4.90473 16.8346 5.00186 16.6079C5.19596 16.155 5.45378 15.5104 5.71151 14.7372C6.22399 13.1997 6.75 11.1134 6.75 9H5.25C5.25 10.8866 4.77601 12.8003 4.28849 14.2628C4.04622 14.9896 3.80404 15.595 3.62314 16.0171C3.53277 16.2279 3.45792 16.3925 3.4063 16.5031C3.3805 16.5584 3.36052 16.6002 3.34734 16.6274C3.34075 16.6411 3.33586 16.651 3.33279 16.6573C3.33126 16.6604 3.33018 16.6626 3.32957 16.6638C3.32927 16.6644 3.32908 16.6648 3.32902 16.6649C3.32898 16.665 3.32898 16.665 3.32901 16.6649C3.32902 16.6649 3.32906 16.6648 3.32907 16.6648C3.32912 16.6647 3.32918 16.6646 4 17ZM20 16.25H4V17.75H20V16.25ZM12 2.25C8.31779 2.25 5.25 5.31778 5.25 9H6.75C6.75 6.14621 9.14621 3.75 12 3.75V2.25ZM18.75 9C18.75 5.31779 15.6822 2.25 12 2.25V3.75C14.8538 3.75 17.25 6.14621 17.25 9H18.75Z" fill="#252850"/>
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@@ -0,0 +1,3 @@
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.19702 6.63636C4.90412 6.34346 4.42925 6.34346 4.13636 6.63636C3.84346 6.92925 3.84346 7.40412 4.13636 7.69702L5.19702 6.63636ZM8.00002 10.5L7.46969 11.0304C7.61034 11.171 7.80111 11.25 8.00002 11.25C8.19893 11.25 8.3897 11.171 8.53035 11.0304L8.00002 10.5ZM11.8637 7.69702C12.1566 7.40412 12.1566 6.92925 11.8637 6.63636C11.5708 6.34346 11.0959 6.34346 10.803 6.63636L11.8637 7.69702ZM4.13636 7.69702L7.46969 11.0304L8.53035 9.96969L5.19702 6.63636L4.13636 7.69702ZM8.53035 11.0304L11.8637 7.69702L10.803 6.63636L7.46969 9.96969L8.53035 11.0304Z" fill="#4169E1"/>
</svg>

After

Width:  |  Height:  |  Size: 679 B

View File

@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.53033 9.46967C7.23744 9.17678 6.76256 9.17678 6.46967 9.46967C6.17678 9.76256 6.17678 10.2374 6.46967 10.5303L7.53033 9.46967ZM12 15L11.4697 15.5303C11.7626 15.8232 12.2374 15.8232 12.5303 15.5303L12 15ZM17.5303 10.5303C17.8232 10.2374 17.8232 9.76256 17.5303 9.46967C17.2374 9.17678 16.7626 9.17678 16.4697 9.46967L17.5303 10.5303ZM6.46967 10.5303L11.4697 15.5303L12.5303 14.4697L7.53033 9.46967L6.46967 10.5303ZM12.5303 15.5303L17.5303 10.5303L16.4697 9.46967L11.4697 14.4697L12.5303 15.5303Z" fill="#252850"/>
</svg>

After

Width:  |  Height:  |  Size: 628 B

View File

@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<path d="M19.4697 20.5303C19.7626 20.8232 20.2374 20.8232 20.5303 20.5303C20.8232 20.2374 20.8232 19.7626 20.5303 19.4697L19.4697 20.5303ZM16.3336 15.273C16.0407 14.9801 15.5659 14.9801 15.273 15.273C14.9801 15.5659 14.9801 16.0408 15.273 16.3336L16.3336 15.273ZM10.5 17.25C6.77208 17.25 3.75 14.2279 3.75 10.5H2.25C2.25 15.0563 5.94365 18.75 10.5 18.75V17.25ZM3.75 10.5C3.75 6.77208 6.77208 3.75 10.5 3.75V2.25C5.94365 2.25 2.25 5.94365 2.25 10.5H3.75ZM10.5 3.75C14.2279 3.75 17.25 6.77208 17.25 10.5H18.75C18.75 5.94365 15.0563 2.25 10.5 2.25V3.75ZM17.25 10.5C17.25 14.2279 14.2279 17.25 10.5 17.25V18.75C15.0563 18.75 18.75 15.0563 18.75 10.5H17.25ZM20.5303 19.4697L16.3336 15.273L15.273 16.3336L19.4697 20.5303L20.5303 19.4697Z" fill="#4169E1"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 876 B