Skip to content

Commit ab9d206

Browse files
JXP25JXP25
committed
UI improvements (#275)
1 parent b6c7081 commit ab9d206

5 files changed

Lines changed: 120 additions & 99 deletions

File tree

‎src/components/SideBar/Roles/admin.tsx‎

Lines changed: 36 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -12,15 +12,16 @@ const AdminDashboard = () => {
1212
<>
1313
<div className="text-white">
1414
<Link href="/">
15-
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw]">
15+
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw] text-white">
1616
<div className="flex justify-start gap-[1vw]">
17-
<div className="w-[2vw]">
17+
<div className="w-[2vw] text-white">
1818
<svg
1919
width="20"
2020
height="20"
2121
viewBox="0 0 15 15"
2222
fill="none"
2323
xmlns="http://www.w3.org/2000/svg"
24+
className="text-white"
2425
>
2526
<path
2627
d="M7.07926 0.222253C7.31275 -0.007434 7.6873 -0.007434 7.92079 0.222253L14.6708 6.86227C14.907 7.09465 14.9101 7.47453 14.6778 7.71076C14.4454 7.947 14.0655 7.95012 13.8293 7.71773L13 6.90201V12.5C13 12.7761 12.7762 13 12.5 13H2.50002C2.22388 13 2.00002 12.7761 2.00002 12.5V6.90201L1.17079 7.71773C0.934558 7.95012 0.554672 7.947 0.32229 7.71076C0.0899079 7.47453 0.0930283 7.09465 0.32926 6.86227L7.07926 0.222253ZM7.50002 1.49163L12 5.91831V12H10V8.49999C10 8.22385 9.77617 7.99999 9.50002 7.99999H6.50002C6.22388 7.99999 6.00002 8.22385 6.00002 8.49999V12H3.00002V5.91831L7.50002 1.49163ZM7.00002 12H9.00002V8.99999H7.00002V12Z"
@@ -38,23 +39,24 @@ const AdminDashboard = () => {
3839
closed: { opacity: 0 },
3940
open: { opacity: 1 },
4041
}}
41-
className="w-[13vw]"
42+
className="w-[13vw] text-white"
4243
>
4344
Home
4445
</motion.div>
4546
</div>
4647
</div>
4748
</Link>
48-
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw]">
49+
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw] text-white">
4950
<Link href="/admin/companies">
5051
<div className="flex justify-start gap-[1vw]">
51-
<div className="w-[2vw]">
52+
<div className="w-[2vw] text-white">
5253
<svg
5354
width="20"
5455
height="20"
5556
viewBox="0 0 15 15"
5657
fill="none"
5758
xmlns="http://www.w3.org/2000/svg"
59+
className="text-white"
5860
>
5961
<path
6062
d="M5 1C5 0.447715 5.44772 0 6 0H9C9.55228 0 10 0.447715 10 1V2H14C14.5523 2 15 2.44772 15 3V6C15 6.8888 14.6131 7.68734 14 8.23608V11.5C14 12.3284 13.3284 13 12.5 13H2.5C1.67157 13 1 12.3284 1 11.5V8.2359C0.38697 7.68721 0 6.88883 0 6V3C0 2.44772 0.447716 2 1 2H5V1ZM9 1V2H6V1H9ZM1 3H5H5.5H9.5H10H14V6C14 6.654 13.6866 7.23467 13.1997 7.6004C12.8655 7.85144 12.4508 8 12 8H8V7.5C8 7.22386 7.77614 7 7.5 7C7.22386 7 7 7.22386 7 7.5V8H3C2.5493 8 2.1346 7.85133 1.80029 7.60022C1.31335 7.23446 1 6.65396 1 6V3ZM7 9H3C2.64961 9 2.31292 8.93972 2 8.82905V11.5C2 11.7761 2.22386 12 2.5 12H12.5C12.7761 12 13 11.7761 13 11.5V8.82915C12.6871 8.93978 12.3504 9 12 9H8V9.5C8 9.77614 7.77614 10 7.5 10C7.22386 10 7 9.77614 7 9.5V9Z"
@@ -72,7 +74,7 @@ const AdminDashboard = () => {
7274
closed: { opacity: 0 },
7375
open: { opacity: 1 },
7476
}}
75-
className="w-[13vw]"
77+
className="w-[13vw] text-white"
7678
>
7779
Companies
7880
</motion.div>
@@ -81,15 +83,16 @@ const AdminDashboard = () => {
8183
{/* <CompanyDropDown userRole={userRole} /> */}
8284
</div>
8385
<Link href={"/admin/jobs"}>
84-
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw]">
86+
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw] text-white">
8587
<div className="flex justify-start gap-[1vw]">
86-
<div className="w-[2vw]">
88+
<div className="w-[2vw] text-white">
8789
<svg
8890
width="20"
8991
height="20"
9092
viewBox="0 0 15 15"
9193
fill="none"
9294
xmlns="http://www.w3.org/2000/svg"
95+
className="text-white"
9396
>
9497
<path
9598
d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
@@ -107,7 +110,7 @@ const AdminDashboard = () => {
107110
closed: { opacity: 0 },
108111
open: { opacity: 1 },
109112
}}
110-
className="w-[13vw]"
113+
className="w-[13vw] text-white"
111114
>
112115
Jobs
113116
</motion.div>
@@ -117,15 +120,16 @@ const AdminDashboard = () => {
117120
</div>
118121
</Link>
119122
<Link href={"/admin/students"}>
120-
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw]">
123+
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw] text-white">
121124
<div className="flex justify-start gap-[1vw]">
122-
<div className="w-[2vw]">
125+
<div className="w-[2vw] text-white">
123126
<svg
124127
width="20"
125128
height="20"
126129
viewBox="0 0 15 15"
127130
fill="none"
128131
xmlns="http://www.w3.org/2000/svg"
132+
className="text-white"
129133
>
130134
<path
131135
d="M7.5 0.875C5.49797 0.875 3.875 2.49797 3.875 4.5C3.875 6.15288 4.98124 7.54738 6.49373 7.98351C5.2997 8.12901 4.27557 8.55134 3.50407 9.31167C2.52216 10.2794 2.02502 11.72 2.02502 13.5999C2.02502 13.8623 2.23769 14.0749 2.50002 14.0749C2.76236 14.0749 2.97502 13.8623 2.97502 13.5999C2.97502 11.8799 3.42786 10.7206 4.17091 9.9883C4.91536 9.25463 6.02674 8.87499 7.49995 8.87499C8.97317 8.87499 10.0846 9.25463 10.8291 9.98831C11.5721 10.7206 12.025 11.8799 12.025 13.5999C12.025 13.8623 12.2376 14.0749 12.5 14.0749C12.7623 14.075 12.975 13.8623 12.975 13.6C12.975 11.72 12.4778 10.2794 11.4959 9.31166C10.7244 8.55135 9.70025 8.12903 8.50625 7.98352C10.0187 7.5474 11.125 6.15289 11.125 4.5C11.125 2.49797 9.50203 0.875 7.5 0.875ZM4.825 4.5C4.825 3.02264 6.02264 1.825 7.5 1.825C8.97736 1.825 10.175 3.02264 10.175 4.5C10.175 5.97736 8.97736 7.175 7.5 7.175C6.02264 7.175 4.825 5.97736 4.825 4.5Z"
@@ -143,7 +147,7 @@ const AdminDashboard = () => {
143147
closed: { opacity: 0 },
144148
open: { opacity: 1 },
145149
}}
146-
className="w-[13vw]"
150+
className="w-[13vw] text-white"
147151
>
148152
Students
149153
</motion.div>
@@ -153,15 +157,16 @@ const AdminDashboard = () => {
153157
</div>
154158
</Link>
155159
<Link href={"/admin/resumes"}>
156-
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw]">
160+
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw] text-white">
157161
<div className="flex justify-start gap-[1vw]">
158-
<div className="w-[2vw]">
162+
<div className="w-[2vw] text-white">
159163
<svg
160164
width="20"
161165
height="20"
162166
viewBox="0 0 15 15"
163167
fill="none"
164168
xmlns="http://www.w3.org/2000/svg"
169+
className="text-white"
165170
>
166171
<path
167172
d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
@@ -179,7 +184,7 @@ const AdminDashboard = () => {
179184
closed: { opacity: 0 },
180185
open: { opacity: 1 },
181186
}}
182-
className="w-[13vw]"
187+
className="w-[13vw] text-white"
183188
>
184189
Resumes
185190
</motion.div>
@@ -189,15 +194,16 @@ const AdminDashboard = () => {
189194
</div>
190195
</Link>
191196
<Link href={"/admin/recruiters"}>
192-
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw]">
197+
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw] text-white">
193198
<div className="flex justify-start gap-[1vw]">
194-
<div className="w-[2vw]">
199+
<div className="w-[2vw] text-white">
195200
<svg
196201
width="20"
197202
height="20"
198203
viewBox="0 0 15 15"
199204
fill="none"
200205
xmlns="http://www.w3.org/2000/svg"
206+
className="text-white"
201207
>
202208
<path
203209
d="M4 2.5C4 2.22386 4.22386 2 4.5 2H10.5C10.7761 2 11 2.22386 11 2.5V12.5C11 12.7761 10.7761 13 10.5 13H4.5C4.22386 13 4 12.7761 4 12.5V2.5ZM4.5 1C3.67157 1 3 1.67157 3 2.5V12.5C3 13.3284 3.67157 14 4.5 14H10.5C11.3284 14 12 13.3284 12 12.5V2.5C12 1.67157 11.3284 1 10.5 1H4.5ZM6 11.65C5.8067 11.65 5.65 11.8067 5.65 12C5.65 12.1933 5.8067 12.35 6 12.35H9C9.1933 12.35 9.35 12.1933 9.35 12C9.35 11.8067 9.1933 11.65 9 11.65H6Z"
@@ -215,7 +221,7 @@ const AdminDashboard = () => {
215221
closed: { opacity: 0 },
216222
open: { opacity: 1 },
217223
}}
218-
className="w-[13vw]"
224+
className="w-[13vw] text-white"
219225
>
220226
Recruiters
221227
</motion.div>
@@ -224,15 +230,16 @@ const AdminDashboard = () => {
224230
</div>
225231
</Link>
226232
<Link href={"/admin/seasons"}>
227-
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw]">
233+
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw] text-white">
228234
<div className="flex justify-start gap-[1vw]">
229-
<div className="w-[2vw]">
235+
<div className="w-[2vw] text-white">
230236
<svg
231237
width="20"
232238
height="20"
233239
viewBox="0 0 15 15"
234240
fill="none"
235241
xmlns="http://www.w3.org/2000/svg"
242+
className="text-white"
236243
>
237244
<path
238245
d="M0.900024 7.50002C0.900024 3.85495 3.85495 0.900024 7.50002 0.900024C11.1451 0.900024 14.1 3.85495 14.1 7.50002C14.1 11.1451 11.1451 14.1 7.50002 14.1C3.85495 14.1 0.900024 11.1451 0.900024 7.50002ZM7.50002 1.80002C4.35201 1.80002 1.80002 4.35201 1.80002 7.50002C1.80002 10.648 4.35201 13.2 7.50002 13.2C10.648 13.2 13.2 10.648 13.2 7.50002C13.2 4.35201 10.648 1.80002 7.50002 1.80002ZM3.07504 7.50002C3.07504 5.05617 5.05618 3.07502 7.50004 3.07502C9.94388 3.07502 11.925 5.05617 11.925 7.50002C11.925 9.94386 9.94388 11.925 7.50004 11.925C5.05618 11.925 3.07504 9.94386 3.07504 7.50002ZM7.50004 3.92502C5.52562 3.92502 3.92504 5.52561 3.92504 7.50002C3.92504 9.47442 5.52563 11.075 7.50004 11.075C9.47444 11.075 11.075 9.47442 11.075 7.50002C11.075 5.52561 9.47444 3.92502 7.50004 3.92502ZM7.50004 5.25002C6.2574 5.25002 5.25004 6.25739 5.25004 7.50002C5.25004 8.74266 6.2574 9.75002 7.50004 9.75002C8.74267 9.75002 9.75004 8.74266 9.75004 7.50002C9.75004 6.25738 8.74267 5.25002 7.50004 5.25002ZM6.05004 7.50002C6.05004 6.69921 6.69923 6.05002 7.50004 6.05002C8.30084 6.05002 8.95004 6.69921 8.95004 7.50002C8.95004 8.30083 8.30084 8.95002 7.50004 8.95002C6.69923 8.95002 6.05004 8.30083 6.05004 7.50002Z"
@@ -250,7 +257,7 @@ const AdminDashboard = () => {
250257
closed: { opacity: 0 },
251258
open: { opacity: 1 },
252259
}}
253-
className="w-[13vw]"
260+
className="w-[13vw] text-white"
254261
>
255262
Seasons
256263
</motion.div>
@@ -259,15 +266,16 @@ const AdminDashboard = () => {
259266
</div>
260267
</Link>
261268
<Link href={"/events"}>
262-
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw] cursor-pointer">
269+
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw] cursor-pointer text-white">
263270
<div className="flex justify-start gap-[1vw]">
264-
<div className="w-[2vw]">
271+
<div className="w-[2vw] text-white">
265272
<svg
266273
width="20"
267274
height="20"
268275
viewBox="0 0 15 15"
269276
fill="none"
270277
xmlns="http://www.w3.org/2000/svg"
278+
className="text-white"
271279
>
272280
<path
273281
d="M4.5 1C4.77614 1 5 1.22386 5 1.5V2H10V1.5C10 1.22386 10.2239 1 10.5 1C10.7761 1 11 1.22386 11 1.5V2H12.5C13.3284 2 14 2.67157 14 3.5V12.5C14 13.3284 13.3284 14 12.5 14H2.5C1.67157 14 1 13.3284 1 12.5V3.5C1 2.67157 1.67157 2 2.5 2H4V1.5C4 1.22386 4.22386 1 4.5 1ZM10 3V3.5C10 3.77614 10.2239 4 10.5 4C10.7761 4 11 3.77614 11 3.5V3H12.5C12.7761 3 13 3.22386 13 3.5V5H2V3.5C2 3.22386 2.22386 3 2.5 3H4V3.5C4 3.77614 4.22386 4 4.5 4C4.77614 4 5 3.77614 5 3.5V3H10ZM2 6V12.5C2 12.7761 2.22386 13 2.5 13H12.5C12.7761 13 13 12.7761 13 12.5V6H2ZM7 7.5C7 7.22386 7.22386 7 7.5 7C7.77614 7 8 7.22386 8 7.5C8 7.77614 7.77614 8 7.5 8C7.22386 8 7 7.77614 7 7.5ZM9.5 7C9.22386 7 9 7.22386 9 7.5C9 7.77614 9.22386 8 9.5 8C9.77614 8 10 7.77614 10 7.5C10 7.22386 9.77614 7 9.5 7ZM11 7.5C11 7.22386 11.2239 7 11.5 7C11.7761 7 12 7.22386 12 7.5C12 7.77614 11.7761 8 11.5 8C11.2239 8 11 7.77614 11 7.5ZM11.5 9C11.2239 9 11 9.22386 11 9.5C11 9.77614 11.2239 10 11.5 10C11.7761 10 12 9.77614 12 9.5C12 9.22386 11.7761 9 11.5 9ZM9 9.5C9 9.22386 9.22386 9 9.5 9C9.77614 9 10 9.22386 10 9.5C10 9.77614 9.77614 10 9.5 10C9.22386 10 9 9.77614 9 9.5ZM7.5 9C7.22386 9 7 9.22386 7 9.5C7 9.77614 7.22386 10 7.5 10C7.77614 10 8 9.77614 8 9.5C8 9.22386 7.77614 9 7.5 9ZM5 9.5C5 9.22386 5.22386 9 5.5 9C5.77614 9 6 9.22386 6 9.5C6 9.77614 5.77614 10 5.5 10C5.22386 10 5 9.77614 5 9.5ZM3.5 9C3.22386 9 3 9.22386 3 9.5C3 9.77614 3.22386 10 3.5 10C3.77614 10 4 9.77614 4 9.5C4 9.22386 3.77614 9 3.5 9ZM3 11.5C3 11.2239 3.22386 11 3.5 11C3.77614 11 4 11.2239 4 11.5C4 11.7761 3.77614 12 3.5 12C3.22386 12 3 11.7761 3 11.5ZM5.5 11C5.22386 11 5 11.2239 5 11.5C5 11.7761 5.22386 12 5.5 12C5.77614 12 6 11.7761 6 11.5C6 11.2239 5.77614 11 5.5 11ZM7 11.5C7 11.2239 7.22386 11 7.5 11C7.77614 11 8 11.2239 8 11.5C8 11.7761 7.77614 12 7.5 12C7.22386 12 7 11.7761 7 11.5ZM9.5 11C9.22386 11 9 11.2239 9 11.5C9 11.7761 9.22386 12 9.5 12C9.77614 12 10 11.7761 10 11.5C10 11.2239 9.77614 11 9.5 11Z"
@@ -285,7 +293,7 @@ const AdminDashboard = () => {
285293
closed: { opacity: 0 },
286294
open: { opacity: 1 },
287295
}}
288-
className="w-[13vw]"
296+
className="w-[13vw] text-white"
289297
>
290298
Schedule
291299
</motion.div>
@@ -294,14 +302,15 @@ const AdminDashboard = () => {
294302
</div>
295303
</Link>
296304
<Link href={"/admin/dashboard"}>
297-
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw] cursor-pointer">
305+
<div className="hover:bg-slate-600/50 rounded-md my-[1vh] py-[1vh] px-[1vw] cursor-pointer text-white">
298306
<div className="flex justify-start gap-[1vw]">
299-
<div className="w-[2vw]">
307+
<div className="w-[2vw] text-white">
300308
<svg
301309
xmlns="http://www.w3.org/2000/svg"
302310
viewBox="0 0 32 32"
303311
width="20"
304312
height="20"
313+
className="text-white"
305314
>
306315
<path
307316
fill="currentColor"
@@ -321,7 +330,7 @@ const AdminDashboard = () => {
321330
closed: { opacity: 0 },
322331
open: { opacity: 1 },
323332
}}
324-
className="w-[13vw]"
333+
className="w-[13vw] text-white"
325334
>
326335
Dashboard
327336
</motion.div>

0 commit comments

Comments
 (0)