Skip to content

Commit be08087

Browse files
author
brittneypostma
committed
fixed a few styling issues I noticed
1 parent c3dea80 commit be08087

5 files changed

Lines changed: 32 additions & 33 deletions

File tree

‎frontend/main/src/components/PostLayout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,7 @@ export default function PostLayout({
8888
</section>
8989
)}
9090

91-
<section className="top-0 z-10 grid 2xl:sticky">
91+
<section className="top-0 z-10 grid lg:sticky">
9292
<BreakBarLeft>
9393
<div className="grid w-full gap-4">
9494
{/* <section className="flex flex-wrap items-center justify-between w-full gap-4 lg:flex-nowrap"> */}

‎frontend/main/src/components/global/icons/nav/Blog.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export default function Blog({
55
}) {
66
return (
77
<svg
8-
viewBox="0 0 35 35"
8+
viewBox="0 0 35 31"
99
fill="none"
1010
xmlns="http://www.w3.org/2000/svg"
1111
className={className}

‎frontend/main/src/components/user/AvatarMenu.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ export default function UserSignin({
4949
<div className="relative">
5050
{user ? (
5151
<button
52-
className="flex p-1 text-sm rounded-full text-basics-50 dark:text-basics-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary-800 focus:ring-basics-50 hover:bg-primary-800 dark:hover:bg-primary-800 "
52+
className="flex p-1 text-sm rounded-full text-basics-50 dark:text-basics-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary-800 focus:ring-basics-50 hover:bg-primary-800 dark:hover:bg-primary-800"
5353
id="user-menu"
5454
aria-haspopup="true"
5555
onClick={() => setUserMenu(!userMenu)}

‎frontend/main/src/layout/admin/AdminNavItems.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -145,56 +145,56 @@ export default function AdminNavItems({
145145
<ul className="grid content-center grid-cols-1 gap-4">
146146
<li className="grid justify-center w-full">
147147
<Link href="/admin">
148-
<a className="flex items-center space-x-4 links-secondary">
148+
<a className="p-1 space-x-4 rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary-800 focus:ring-basics-50 hover:bg-primary-800 dark:hover:bg-primary-800 links-secondary">
149149
<AJPrimary className="block w-8 h-8" />
150150
</a>
151151
</Link>
152152
</li>
153153
<li className="grid justify-center w-full">
154154
<Link href="/admin/course">
155-
<a className="flex items-center space-x-4 links-secondary">
155+
<a className="p-1 space-x-4 rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary-800 focus:ring-basics-50 hover:bg-primary-800 dark:hover:bg-primary-800 links-secondary">
156156
<Courses />
157157
</a>
158158
</Link>
159159
</li>
160160
<li className="grid justify-center w-full">
161161
<Link href="/admin/lesson">
162-
<a className="flex items-center space-x-4 links-secondary">
162+
<a className="p-1 space-x-4 rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary-800 focus:ring-basics-50 hover:bg-primary-800 dark:hover:bg-primary-800 links-secondary">
163163
<Lessons />
164164
</a>
165165
</Link>
166166
</li>
167167
<li className="grid justify-center w-full">
168168
<Link href="/admin/tutorial">
169-
<a className="flex items-center space-x-4 links-secondary">
169+
<a className="p-1 space-x-4 rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary-800 focus:ring-basics-50 hover:bg-primary-800 dark:hover:bg-primary-800 links-secondary">
170170
<Tutorials />
171171
</a>
172172
</Link>
173173
</li>
174174
<li className="grid justify-center w-full">
175175
<Link href="/admin/post">
176-
<a className="flex items-center space-x-4 links-secondary">
177-
<Blog />
176+
<a className="p-1 space-x-4 rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary-800 focus:ring-basics-50 hover:bg-primary-800 dark:hover:bg-primary-800 links-secondary">
177+
<Blog className="h-8" />
178178
</a>
179179
</Link>
180180
</li>
181181
<li className="grid justify-center w-full">
182182
<Link href="/admin/podcast">
183-
<a className="flex items-center space-x-4 links-secondary">
183+
<a className="p-1 space-x-4 rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary-800 focus:ring-basics-50 hover:bg-primary-800 dark:hover:bg-primary-800 links-secondary">
184184
<Podcasts />
185185
</a>
186186
</Link>
187187
</li>
188188
<li className="grid justify-center w-full">
189189
<Link href="/admin/community">
190-
<a className="flex items-center space-x-4 links-secondary">
190+
<a className="p-1 space-x-4 rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary-800 focus:ring-basics-50 hover:bg-primary-800 dark:hover:bg-primary-800 links-secondary">
191191
<Community />
192192
</a>
193193
</Link>
194194
</li>
195195
<li className="grid justify-center w-full">
196196
<Link href="/admin/page">
197-
<a className="flex items-center space-x-4 links-secondary">
197+
<a className="p-1 space-x-4 rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary-800 focus:ring-basics-50 hover:bg-primary-800 dark:hover:bg-primary-800 links-secondary">
198198
<Pages />
199199
</a>
200200
</Link>

‎frontend/main/src/pages/community.tsx‎

Lines changed: 20 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -21,27 +21,26 @@ export default function Community({
2121
></NextSeo>
2222
<section className="grid grid-cols-1 gap-10 p-4 sm:p-10 place-items-center">
2323
<h1 className="text-5xl lg:text-7xl">Community</h1>
24-
<a
25-
href="https://discord.gg/kGYAaAKZQf"
26-
className="flex px-4 py-2 space-x-2 transform rounded-md shadow-lg bg-basics-600 dark:bg-basics-600 hover:text-basics-50 dark:hover:text-basics-50 text-basics-50 dark:text-basics-50 hover:shadow-md hover:opacity-90"
27-
>
28-
<svg
29-
width="23"
30-
height="23"
31-
viewBox="0 0 23 23"
32-
fill="none"
33-
xmlns="http://www.w3.org/2000/svg"
34-
>
35-
<path
36-
d="M9.80081 9.95703C9.26571 9.95703 8.84326 10.4362 8.84326 11.0208C8.84326 11.6054 9.2751 12.0845 9.80081 12.0845C10.3359 12.0845 10.7584 11.6054 10.7584 11.0208C10.7678 10.4362 10.3359 9.95703 9.80081 9.95703ZM13.2273 9.95703C12.6922 9.95703 12.2698 10.4362 12.2698 11.0208C12.2698 11.6054 12.7016 12.0845 13.2273 12.0845C13.7624 12.0845 14.1849 11.6054 14.1849 11.0208C14.1849 10.4362 13.7624 9.95703 13.2273 9.95703Z"
37-
fill="#7289DA"
38-
></path>
39-
<path
40-
d="M17.7897 1.91675H5.21013C4.14932 1.91675 3.28564 2.79841 3.28564 3.89091V16.8476C3.28564 17.9401 4.14932 18.8217 5.21013 18.8217H15.8558L15.3583 17.0488L16.5599 18.1892L17.6958 19.2626L19.7142 21.0834V3.89091C19.7142 2.79841 18.8505 1.91675 17.7897 1.91675ZM14.1661 14.4326C14.1661 14.4326 13.8281 14.0205 13.5465 13.6563C14.7763 13.3017 15.2456 12.5159 15.2456 12.5159C14.8607 12.7747 14.4946 12.9567 14.1661 13.0813C13.6967 13.2826 13.2461 13.4167 12.8048 13.4934C11.9036 13.6659 11.0775 13.618 10.3734 13.4838C9.8383 13.3784 9.3783 13.2251 8.9934 13.0717C8.77748 12.9855 8.54279 12.8801 8.30809 12.7459C8.27993 12.7267 8.25177 12.7172 8.2236 12.698C8.20483 12.6884 8.19544 12.6788 8.18605 12.6692C8.01707 12.5734 7.9232 12.5063 7.9232 12.5063C7.9232 12.5063 8.37381 13.273 9.56605 13.6372C9.28442 14.0013 8.93707 14.4326 8.93707 14.4326C6.86238 14.3655 6.07381 12.9759 6.07381 12.9759C6.07381 9.89008 7.42564 7.38883 7.42564 7.38883C8.77748 6.35383 10.0636 6.38258 10.0636 6.38258L10.1575 6.49758C8.46769 6.99592 7.6885 7.753 7.6885 7.753C7.6885 7.753 7.89503 7.638 8.24238 7.47508C9.24687 7.02466 10.0448 6.90008 10.3734 6.87133C10.4297 6.86175 10.4767 6.85217 10.533 6.85217C11.1056 6.7755 11.7534 6.75633 12.4293 6.833C13.3212 6.93842 14.2787 7.20675 15.255 7.753C15.255 7.753 14.5134 7.03425 12.9175 6.53591L13.0489 6.38258C13.0489 6.38258 14.335 6.35383 15.6869 7.38883C15.6869 7.38883 17.0387 9.89008 17.0387 12.9759C17.0387 12.9759 16.2407 14.3655 14.1661 14.4326Z"
41-
fill="#7289DA"
42-
></path>
43-
</svg>
44-
<span className="css-1y6ic72">Join Discord</span>
24+
<a href="https://discord.gg/kGYAaAKZQf">
25+
<button className="flex px-4 py-2 space-x-2 transform rounded-md shadow-lg bg-basics-600 dark:bg-basics-600 hover:text-basics-50 dark:hover:text-basics-50 text-basics-50 dark:text-basics-50 hover:shadow-md hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-secondary-600">
26+
<svg
27+
width="23"
28+
height="23"
29+
viewBox="0 0 23 23"
30+
fill="none"
31+
xmlns="http://www.w3.org/2000/svg"
32+
>
33+
<path
34+
d="M9.80081 9.95703C9.26571 9.95703 8.84326 10.4362 8.84326 11.0208C8.84326 11.6054 9.2751 12.0845 9.80081 12.0845C10.3359 12.0845 10.7584 11.6054 10.7584 11.0208C10.7678 10.4362 10.3359 9.95703 9.80081 9.95703ZM13.2273 9.95703C12.6922 9.95703 12.2698 10.4362 12.2698 11.0208C12.2698 11.6054 12.7016 12.0845 13.2273 12.0845C13.7624 12.0845 14.1849 11.6054 14.1849 11.0208C14.1849 10.4362 13.7624 9.95703 13.2273 9.95703Z"
35+
fill="#7289DA"
36+
></path>
37+
<path
38+
d="M17.7897 1.91675H5.21013C4.14932 1.91675 3.28564 2.79841 3.28564 3.89091V16.8476C3.28564 17.9401 4.14932 18.8217 5.21013 18.8217H15.8558L15.3583 17.0488L16.5599 18.1892L17.6958 19.2626L19.7142 21.0834V3.89091C19.7142 2.79841 18.8505 1.91675 17.7897 1.91675ZM14.1661 14.4326C14.1661 14.4326 13.8281 14.0205 13.5465 13.6563C14.7763 13.3017 15.2456 12.5159 15.2456 12.5159C14.8607 12.7747 14.4946 12.9567 14.1661 13.0813C13.6967 13.2826 13.2461 13.4167 12.8048 13.4934C11.9036 13.6659 11.0775 13.618 10.3734 13.4838C9.8383 13.3784 9.3783 13.2251 8.9934 13.0717C8.77748 12.9855 8.54279 12.8801 8.30809 12.7459C8.27993 12.7267 8.25177 12.7172 8.2236 12.698C8.20483 12.6884 8.19544 12.6788 8.18605 12.6692C8.01707 12.5734 7.9232 12.5063 7.9232 12.5063C7.9232 12.5063 8.37381 13.273 9.56605 13.6372C9.28442 14.0013 8.93707 14.4326 8.93707 14.4326C6.86238 14.3655 6.07381 12.9759 6.07381 12.9759C6.07381 9.89008 7.42564 7.38883 7.42564 7.38883C8.77748 6.35383 10.0636 6.38258 10.0636 6.38258L10.1575 6.49758C8.46769 6.99592 7.6885 7.753 7.6885 7.753C7.6885 7.753 7.89503 7.638 8.24238 7.47508C9.24687 7.02466 10.0448 6.90008 10.3734 6.87133C10.4297 6.86175 10.4767 6.85217 10.533 6.85217C11.1056 6.7755 11.7534 6.75633 12.4293 6.833C13.3212 6.93842 14.2787 7.20675 15.255 7.753C15.255 7.753 14.5134 7.03425 12.9175 6.53591L13.0489 6.38258C13.0489 6.38258 14.335 6.35383 15.6869 7.38883C15.6869 7.38883 17.0387 9.89008 17.0387 12.9759C17.0387 12.9759 16.2407 14.3655 14.1661 14.4326Z"
39+
fill="#7289DA"
40+
></path>
41+
</svg>
42+
<span className="css-1y6ic72">Join Discord</span>
43+
</button>
4544
</a>
4645
<section className="max-w-2xl text-center">
4746
<h2 className="font-sans text-3xl ">

0 commit comments

Comments
 (0)