fix: select icon

wetix · Mar 1, 2022 · 715e432 · 715e432
1 parent dc2e1fe
commit 715e432
Show file tree

Hide file tree

Showing 4 changed files with 328 additions and 23 deletions.
diff --git a/components/icon/src/Icon.svelte b/components/icon/src/Icon.svelte
@@ -15,7 +15,7 @@
 >
   <slot>
     <svg {...$$restProps}>
-      <use xlink:href={useHref} />
+      <use href={useHref} />
     </svg>
   </slot>
 </i>

diff --git a/components/select/src/Select.svelte b/components/select/src/Select.svelte
@@ -57,6 +57,9 @@
     outline: none;
     box-sizing: border-box;
     appearance: none;
+    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon' viewBox='0 0 24 24' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M6 9l6 6 6-6' /%3E%3C/svg%3E")
+      no-repeat;
+    background-position: 98% 50%;
 
     @media (min-width: $sm) {
       width: auto;
@@ -75,4 +78,12 @@
       display: none;
     }
   }
+
+  .icon {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    width: 24px;
+    height: 24px;
+  }
 </style>