updates

Author: JustDeveloper1

lib/ui/select.js

@@ -26,6 +26,8 @@ SOFTWARE.
 
 import { useEffect, useState } from 'react';
 
+const googleFonts_Icons_ArrowDropUp = <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M328-400q-9 0-14.5-6t-5.5-14q0-2 6-14l145-145q5-5 10-7t11-2q6 0 11 2t10 7l145 145q3 3 4.5 6.5t1.5 7.5q0 8-5.5 14t-14.5 6H328Z"></path></svg>
+
 const Select = ({
     placeholder,
     items,
@@ -35,7 +37,7 @@ const Select = ({
 
     return (
         <>
-            <button title={placeholder} type='button' className='bb cw sb scp'><img src={items[id][1]} title={items[id][0]} alt="" className='fi' />{items[id][0]}</button>
+            <button title={placeholder} type='button' className='bb cw sb scp'>{<googleFonts_Icons_ArrowDropUp id="arw" />}<img src={items[id][1]} title={items[id][0]} alt="" className='fi r2px ow' />{items[id][0]}</button>
         </>
     )
 }

pages/style.css

@@ -160,3 +160,10 @@ button {
 .aic { /* Align Items - Center */
     align-items: center;
 }
+
+.r2px { /* border Radius - 2PX */
+    border-radius: 2px;
+}
+.ow { /* Outline - White */
+    outline: 4px solid white;
+}