logos-storage/logos-storage-marketplace-ui
1
0
Fork 0
mirror of https://github.com/logos-storage/logos-storage-marketplace-ui.git synced 2026-01-02 13:33:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix active menu color

Browse Source
This commit is contained in:
Arnaud 2024-10-22 16:01:03 +02:00
parent 19bac95808
commit 52fa4975c3
No known key found for this signature in database
GPG Key ID: 69D6CE281FCAE663
14 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Menu/AnalyticsIcon.tsx
View File

@ -8,7 +8,7 @@ export function AnalyticsIcon() {
xmlns="http://www.w3.org/2000/svg">
<path
d="M1.75 0.25V12.25H13.75V13.75H0.25V0.25H1.75ZM12.955 2.455L14.545 4.045L10 8.5915L7.75 6.3415L4.795 9.2965L3.205 7.705L7.75 3.16L10 5.41L12.955 2.455Z"
fill="#969696"
fill="currentColor"
/>
</svg>
);

2
src/components/Menu/DeviceIcon.tsx
View File

@ -8,7 +8,7 @@ export function DeviceIcon() {
xmlns="http://www.w3.org/2000/svg">
<path
d="M13 0.5C13.414 0.5 13.75 0.836 13.75 1.25V14.75C13.75 15.164 13.414 15.5 13 15.5H2.5C2.086 15.5 1.75 15.164 1.75 14.75V13.25H0.25V11.75H1.75V10.25H0.25V8.75H1.75V7.25H0.25V5.75H1.75V4.25H0.25V2.75H1.75V1.25C1.75 0.836 2.086 0.5 2.5 0.5H13ZM12.25 2H3.25V14H12.25V2ZM8.5 5V7.25H10.75V8.75H8.49925L8.5 11H7L6.99925 8.75H4.75V7.25H7V5H8.5Z"
fill="#969696"
fill="currentColor"
/>
</svg>
);

2
src/components/Menu/DisclaimerIcon.tsx
View File

@ -8,7 +8,7 @@ export function DisclaimerIcon() {
xmlns="http://www.w3.org/2000/svg">
<path
d="M9.25 2H1.75V14H12.25V5H9.25V2ZM0.25 1.244C0.25 0.833 0.58525 0.5 0.99925 0.5H10L13.75 4.25V14.7448C13.7507 14.8432 13.732 14.9409 13.6949 15.0322C13.6579 15.1234 13.6032 15.2065 13.534 15.2766C13.4649 15.3468 13.3826 15.4026 13.2919 15.4409C13.2011 15.4792 13.1037 15.4993 13.0052 15.5H0.99475C0.797784 15.4986 0.609263 15.4198 0.469913 15.2806C0.330563 15.1414 0.251571 14.953 0.25 14.756V1.244ZM6.25 10.25H7.75V11.75H6.25V10.25ZM6.25 4.25H7.75V8.75H6.25V4.25Z"
fill="#969696"
fill="currentColor"
/>
</svg>
);

2
src/components/Menu/FilesIcon.tsx
View File

@ -8,7 +8,7 @@ export function FilesIcon() {
xmlns="http://www.w3.org/2000/svg">
<path
d="M3.5 3.25V1C3.5 0.801088 3.57902 0.610322 3.71967 0.46967C3.86032 0.329018 4.05109 0.25 4.25 0.25H9.0605L10.5605 1.75H14.75C14.9489 1.75 15.1397 1.82902 15.2803 1.96967C15.421 2.11032 15.5 2.30109 15.5 2.5V10C15.5 10.1989 15.421 10.3897 15.2803 10.5303C15.1397 10.671 14.9489 10.75 14.75 10.75H12.5V13C12.5 13.1989 12.421 13.3897 12.2803 13.5303C12.1397 13.671 11.9489 13.75 11.75 13.75H1.25C1.05109 13.75 0.860322 13.671 0.71967 13.5303C0.579018 13.3897 0.5 13.1989 0.5 13V4C0.5 3.80109 0.579018 3.61032 0.71967 3.46967C0.860322 3.32902 1.05109 3.25 1.25 3.25H3.5ZM3.5 4.75H2V12.25H11V10.75H3.5V4.75Z"
fill="#969696"
fill="currentColor"
/>
</svg>
);

2
src/components/Menu/HelpIcon.tsx
View File

@ -8,7 +8,7 @@ export function HelpIcon() {
xmlns="http://www.w3.org/2000/svg">
<path
d="M8 15.5C3.85775 15.5 0.5 12.1423 0.5 8C0.5 3.85775 3.85775 0.5 8 0.5C12.1423 0.5 15.5 3.85775 15.5 8C15.5 12.1423 12.1423 15.5 8 15.5ZM8 14C9.5913 14 11.1174 13.3679 12.2426 12.2426C13.3679 11.1174 14 9.5913 14 8C14 6.4087 13.3679 4.88258 12.2426 3.75736C11.1174 2.63214 9.5913 2 8 2C6.4087 2 4.88258 2.63214 3.75736 3.75736C2.63214 4.88258 2 6.4087 2 8C2 9.5913 2.63214 11.1174 3.75736 12.2426C4.88258 13.3679 6.4087 14 8 14ZM7.25 10.25H8.75V11.75H7.25V10.25ZM8.75 9.01625V9.5H7.25V8.375C7.25 8.17609 7.32902 7.98532 7.46967 7.84467C7.61032 7.70402 7.80109 7.625 8 7.625C8.21306 7.62499 8.42173 7.56447 8.60174 7.4505C8.78175 7.33652 8.9257 7.17377 9.01683 6.98119C9.10796 6.7886 9.14253 6.5741 9.11651 6.36263C9.0905 6.15117 9.00497 5.95144 8.86987 5.78668C8.73478 5.62193 8.55568 5.49892 8.35342 5.43198C8.15115 5.36503 7.93403 5.3569 7.72732 5.40853C7.52061 5.46016 7.33281 5.56942 7.18577 5.72361C7.03874 5.8778 6.93851 6.07057 6.89675 6.2795L5.42525 5.98475C5.51647 5.52881 5.72713 5.10528 6.03569 4.75744C6.34425 4.4096 6.73964 4.14994 7.18144 4.00499C7.62325 3.86004 8.09561 3.83501 8.55026 3.93246C9.00491 4.02991 9.42553 4.24634 9.76911 4.55962C10.1127 4.8729 10.3669 5.2718 10.5058 5.71555C10.6447 6.15929 10.6633 6.63196 10.5596 7.08523C10.456 7.5385 10.2338 7.95612 9.91589 8.2954C9.59794 8.63467 9.1956 8.88343 8.75 9.01625Z"
fill="#969696"
fill="currentColor"
/>
</svg>
);

2
src/components/Menu/HomeIcon.tsx
View File

@ -8,7 +8,7 @@ export function HomeIcon() {
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.5 5.49925V13C15.5 13.1989 15.421 13.3897 15.2803 13.5303C15.1397 13.671 14.9489 13.75 14.75 13.75H8.75V5.49925H15.5ZM7.25 9.99925V13.75H1.25C1.05109 13.75 0.860322 13.671 0.71967 13.5303C0.579018 13.3897 0.5 13.1989 0.5 13V9.99925H7.25ZM7.25 0.25V8.49925H0.5V1C0.5 0.801088 0.579018 0.610322 0.71967 0.46967C0.860322 0.329018 1.05109 0.25 1.25 0.25H7.25ZM14.75 0.25C14.9489 0.25 15.1397 0.329018 15.2803 0.46967C15.421 0.610322 15.5 0.801088 15.5 1V3.99925H8.75V0.25H14.75Z"
fill="var(--codex-color-primary)"
fill="currentColor"
/>
</svg>
);

2
src/components/Menu/HostIcon.tsx
View File

@ -8,7 +8,7 @@ export function HostIcon() {
xmlns="http://www.w3.org/2000/svg">
<path
d="M1.75 6.25H12.25V1.75H1.75V6.25ZM13.75 1V13C13.75 13.1989 13.671 13.3897 13.5303 13.5303C13.3897 13.671 13.1989 13.75 13 13.75H1C0.801088 13.75 0.610322 13.671 0.46967 13.5303C0.329018 13.3897 0.25 13.1989 0.25 13V1C0.25 0.801088 0.329018 0.610322 0.46967 0.46967C0.610322 0.329018 0.801088 0.25 1 0.25H13C13.1989 0.25 13.3897 0.329018 13.5303 0.46967C13.671 0.610322 13.75 0.801088 13.75 1ZM12.25 7.75H1.75V12.25H12.25V7.75ZM3.25 9.25H5.5V10.75H3.25V9.25ZM3.25 3.25H5.5V4.75H3.25V3.25Z"
fill="#969696"
fill="currentColor"
/>
</svg>
);

2
src/components/Menu/LogsIcon.tsx
View File

@ -8,7 +8,7 @@ export function LogsIcon() {
xmlns="http://www.w3.org/2000/svg">
<path
d="M13 15.5H1C0.801088 15.5 0.610322 15.421 0.46967 15.2803C0.329018 15.1397 0.25 14.9489 0.25 14.75V1.25C0.25 1.05109 0.329018 0.860322 0.46967 0.71967C0.610322 0.579018 0.801088 0.5 1 0.5H13C13.1989 0.5 13.3897 0.579018 13.5303 0.71967C13.671 0.860322 13.75 1.05109 13.75 1.25V14.75C13.75 14.9489 13.671 15.1397 13.5303 15.2803C13.3897 15.421 13.1989 15.5 13 15.5ZM12.25 14V2H1.75V14H12.25ZM4 5.75H10V7.25H4V5.75ZM4 8.75H10V10.25H4V8.75Z"
fill="#969696"
fill="currentColor"
/>
</svg>
);

2
src/components/Menu/NodesIcon.tsx
View File

@ -8,7 +8,7 @@ export function NodesIcon() {
xmlns="http://www.w3.org/2000/svg">
<path
d="M5.5 0.5C5.914 0.5 6.25 0.836 6.25 1.25V4.25C6.25 4.664 5.914 5 5.5 5H4V6.5H7.75V5.75C7.75 5.336 8.086 5 8.5 5H13C13.414 5 13.75 5.336 13.75 5.75V8.75C13.75 9.164 13.414 9.5 13 9.5H8.5C8.086 9.5 7.75 9.164 7.75 8.75V8H4V12.5H7.75V11.75C7.75 11.336 8.086 11 8.5 11H13C13.414 11 13.75 11.336 13.75 11.75V14.75C13.75 15.164 13.414 15.5 13 15.5H8.5C8.086 15.5 7.75 15.164 7.75 14.75V14H3.25C2.836 14 2.5 13.664 2.5 13.25V5H1C0.586 5 0.25 4.664 0.25 4.25V1.25C0.25 0.836 0.586 0.5 1 0.5H5.5ZM12.25 12.5H9.25V14H12.25V12.5ZM12.25 6.5H9.25V8H12.25V6.5ZM4.75 2H1.75V3.5H4.75V2Z"
fill="#969696"
fill="currentColor"
/>
</svg>
);

2
src/components/Menu/PeersIcon.tsx
View File

@ -8,7 +8,7 @@ export function PeersIcon() {
xmlns="http://www.w3.org/2000/svg">
<path
d="M8 15.5C3.85775 15.5 0.5 12.1422 0.5 8C0.5 3.85775 3.85775 0.5 8 0.5C12.1422 0.5 15.5 3.85775 15.5 8C15.5 12.1422 12.1422 15.5 8 15.5ZM6.2825 13.7502C5.54256 12.1807 5.1139 10.4827 5.02025 8.75H2.0465C2.19244 9.90417 2.67044 10.9911 3.42243 11.8788C4.17441 12.7664 5.16801 13.4166 6.2825 13.7502ZM6.5225 8.75C6.63575 10.5792 7.1585 12.2975 8 13.814C8.86424 12.2574 9.36908 10.5271 9.4775 8.75H6.5225ZM13.9535 8.75H10.9797C10.8861 10.4827 10.4574 12.1807 9.7175 13.7502C10.832 13.4166 11.8256 12.7664 12.5776 11.8788C13.3296 10.9911 13.8076 9.90417 13.9535 8.75ZM2.0465 7.25H5.02025C5.1139 5.51734 5.54256 3.81926 6.2825 2.24975C5.16801 2.58341 4.17441 3.23356 3.42243 4.12122C2.67044 5.00888 2.19244 6.09583 2.0465 7.25ZM6.52325 7.25H9.47675C9.36856 5.47295 8.86398 3.74265 8 2.186C7.13576 3.74259 6.63092 5.47289 6.5225 7.25H6.52325ZM9.7175 2.24975C10.4574 3.81926 10.8861 5.51734 10.9797 7.25H13.9535C13.8076 6.09583 13.3296 5.00888 12.5776 4.12122C11.8256 3.23356 10.832 2.58341 9.7175 2.24975Z"
fill="#969696"
fill="currentColor"
/>
</svg>
);

2
src/components/Menu/PurchaseIcon.tsx
View File

@ -9,7 +9,7 @@ export function PurchaseIcon() {
<g clipPath="url(#clip0_103_62)">
<path
d="M4.8 6.9726L1.8813 4.0548L3.1548 2.7813L6.0726 5.7H19.7904C19.9307 5.69999 20.069 5.73278 20.1944 5.79573C20.3197 5.85869 20.4287 5.95008 20.5124 6.06261C20.5962 6.17514 20.6525 6.30569 20.6768 6.44384C20.7012 6.58199 20.6929 6.72392 20.6526 6.8583L18.4926 14.0583C18.437 14.2438 18.3231 14.4064 18.1678 14.522C18.0125 14.6376 17.824 14.7 17.6304 14.7H6.6V16.5H16.5V18.3H5.7C5.46131 18.3 5.23239 18.2052 5.06361 18.0364C4.89482 17.8676 4.8 17.6387 4.8 17.4V6.9726ZM6.6 7.5V12.9H16.9608L18.5808 7.5H6.6ZM6.15 21.9C5.79196 21.9 5.44858 21.7578 5.19541 21.5046C4.94223 21.2514 4.8 20.908 4.8 20.55C4.8 20.192 4.94223 19.8486 5.19541 19.5954C5.44858 19.3422 5.79196 19.2 6.15 19.2C6.50804 19.2 6.85142 19.3422 7.1046 19.5954C7.35777 19.8486 7.5 20.192 7.5 20.55C7.5 20.908 7.35777 21.2514 7.1046 21.5046C6.85142 21.7578 6.50804 21.9 6.15 21.9ZM16.95 21.9C16.592 21.9 16.2486 21.7578 15.9954 21.5046C15.7422 21.2514 15.6 20.908 15.6 20.55C15.6 20.192 15.7422 19.8486 15.9954 19.5954C16.2486 19.3422 16.592 19.2 16.95 19.2C17.308 19.2 17.6514 19.3422 17.9046 19.5954C18.1578 19.8486 18.3 20.192 18.3 20.55C18.3 20.908 18.1578 21.2514 17.9046 21.5046C17.6514 21.7578 17.308 21.9 16.95 21.9Z"
fill="#969696"
fill="currentColor"
/>
</g>
<defs>

2
src/components/Menu/SettingsIcon.tsx
View File

@ -8,7 +8,7 @@ export function SettingsIcon() {
xmlns="http://www.w3.org/2000/svg">
<path
d="M6.5145 3L8.46975 1.04475C8.6104 0.904151 8.80113 0.825165 9 0.825165C9.19887 0.825165 9.3896 0.904151 9.53025 1.04475L11.4855 3H14.25C14.4489 3 14.6397 3.07902 14.7803 3.21967C14.921 3.36033 15 3.55109 15 3.75V6.5145L16.9552 8.46975C17.0959 8.6104 17.1748 8.80113 17.1748 9C17.1748 9.19888 17.0959 9.38961 16.9552 9.53025L15 11.4855V14.25C15 14.4489 14.921 14.6397 14.7803 14.7803C14.6397 14.921 14.4489 15 14.25 15H11.4855L9.53025 16.9553C9.3896 17.0959 9.19887 17.1748 9 17.1748C8.80113 17.1748 8.6104 17.0959 8.46975 16.9553L6.5145 15H3.75C3.55109 15 3.36032 14.921 3.21967 14.7803C3.07902 14.6397 3 14.4489 3 14.25V11.4855L1.04475 9.53025C0.904148 9.38961 0.825161 9.19888 0.825161 9C0.825161 8.80113 0.904148 8.6104 1.04475 8.46975L3 6.5145V3.75C3 3.55109 3.07902 3.36033 3.21967 3.21967C3.36032 3.07902 3.55109 3 3.75 3H6.5145ZM4.5 4.5V7.13625L2.63625 9L4.5 10.8638V13.5H7.13625L9 15.3638L10.8638 13.5H13.5V10.8638L15.3637 9L13.5 7.13625V4.5H10.8638L9 2.63625L7.13625 4.5H4.5ZM9 12C8.20435 12 7.44129 11.6839 6.87868 11.1213C6.31607 10.5587 6 9.79565 6 9C6 8.20435 6.31607 7.44129 6.87868 6.87868C7.44129 6.31607 8.20435 6 9 6C9.79565 6 10.5587 6.31607 11.1213 6.87868C11.6839 7.44129 12 8.20435 12 9C12 9.79565 11.6839 10.5587 11.1213 11.1213C10.5587 11.6839 9.79565 12 9 12ZM9 10.5C9.39782 10.5 9.77936 10.342 10.0607 10.0607C10.342 9.77936 10.5 9.39783 10.5 9C10.5 8.60218 10.342 8.22065 10.0607 7.93934C9.77936 7.65804 9.39782 7.5 9 7.5C8.60218 7.5 8.22064 7.65804 7.93934 7.93934C7.65804 8.22065 7.5 8.60218 7.5 9C7.5 9.39783 7.65804 9.77936 7.93934 10.0607C8.22064 10.342 8.60218 10.5 9 10.5Z"
fill="#969696"
fill="currentColor"
/>
</svg>
);

2
src/components/Menu/WalletIcon.tsx
View File

@ -8,7 +8,7 @@ export function WalletIcon() {
xmlns="http://www.w3.org/2000/svg">
<path
d="M1.25 0.25H14.75C14.9489 0.25 15.1397 0.329018 15.2803 0.46967C15.421 0.610322 15.5 0.801088 15.5 1V13C15.5 13.1989 15.421 13.3897 15.2803 13.5303C15.1397 13.671 14.9489 13.75 14.75 13.75H1.25C1.05109 13.75 0.860322 13.671 0.71967 13.5303C0.579018 13.3897 0.5 13.1989 0.5 13V1C0.5 0.801088 0.579018 0.610322 0.71967 0.46967C0.860322 0.329018 1.05109 0.25 1.25 0.25ZM14 6.25H2V12.25H14V6.25ZM14 4.75V1.75H2V4.75H14ZM9.5 9.25H12.5V10.75H9.5V9.25Z"
fill="#969696"
fill="currentColor"
/>
</svg>
);

5
src/components/Menu/menu.css
View File

@ -168,6 +168,10 @@
color: #c7c7c7;
}
.menu-item.active .menu-icon {
color: var(--codex-color-primary);
}
.menu-title {
text-transform: uppercase;
padding-top: 0.75rem;
@ -215,6 +219,7 @@
justify-content: center;
width: 20px;
height: 20px;
transition: color 1s;
}
@media (min-width: 1000px) {