diff --git a/directory/index.html b/directory/index.html
index 34f576c..1846262 100644
--- a/directory/index.html
+++ b/directory/index.html
@@ -37,26 +37,20 @@
border-top: 0.3rem solid;
transform: translateY(-0.3rem) rotate(-45deg);
animation: icon-flash 2s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;
+ box-shadow: inset 0 0 16px 2px rgb(200 14 0), 0 0 18px 5px rgb(200 14 0);
+ border-color: rgba(54, 0, 0, 87%);
}
@media (prefers-color-scheme: dark) {
.loader {
background-color: #131313;
}
-
- .loader .icon {
- border-color: rgba(255, 255, 255, 87%);
- }
}
@media (prefers-color-scheme: light) {
.loader {
background-color: #ececec;
}
-
- .loader .icon {
- border-color: rgba(0, 0, 0, 87%);
- }
}
@keyframes icon-flash {
diff --git a/directory/src/component/dropdown.jsx b/directory/src/component/dropdown.jsx
index ef5f989..7e236c0 100644
--- a/directory/src/component/dropdown.jsx
+++ b/directory/src/component/dropdown.jsx
@@ -19,7 +19,7 @@ export default function Dropdown(props) {
onClick={() => toggleDropdown()}
>
{props.text}
-
+
@@ -89,4 +89,5 @@ Dropdown.propTypes = {
activeColor: PropTypes.object,
activeRule: PropTypes.func,
altText: PropTypes.string,
+ iconStyle: PropTypes.object,
};
\ No newline at end of file
diff --git a/directory/src/routes/Root.jsx b/directory/src/routes/Root.jsx
index 39a8d80..3cf2ed3 100644
--- a/directory/src/routes/Root.jsx
+++ b/directory/src/routes/Root.jsx
@@ -296,6 +296,9 @@ function HeaderButton() {
navigate(item.value)
}}
className={classes['fast-navigate']}
+ iconStyle={{
+ borderWidth: '0.1em',
+ }}
/>
)