saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-06-06 18:31:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Styling spacing consistency fixes on profile pages

Browse Source
This commit is contained in:
austinkelsay 2025-02-10 16:16:52 -06:00
parent 2074b15935
commit a9d115d1bf
6 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/profile/DataTables/UserProgressTable.js
View File

@ -164,7 +164,7 @@ const UserProgressTable = ({ session, ndk }) => {
emptyMessage="No Courses or Milestones completed" emptyMessage="No Courses or Milestones completed"
value={prepareProgressData()} value={prepareProgressData()}
header={header} header={header}
className="m-2 max-lap:m-0" className="mt-2 mx-2 max-lap:mx-0"
style={{ width: "100%", borderRadius: "8px", border: "1px solid #333", boxShadow: "0 0 10px 0 rgba(0, 0, 0, 0.1)" }} style={{ width: "100%", borderRadius: "8px", border: "1px solid #333", boxShadow: "0 0 10px 0 rgba(0, 0, 0, 0.1)" }}
pt={{ pt={{
wrapper: { wrapper: {

2
src/components/profile/DataTables/UserPurchaseTable.js
View File

@ -53,7 +53,7 @@ const UserPurchaseTable = ({ session, windowWidth }) => {
emptyMessage="No purchases" emptyMessage="No purchases"
value={session.user?.purchased} value={session.user?.purchased}
header={purchasesHeader} header={purchasesHeader}
className="m-2 max-lap:m-0 max-lap:mt-2" className="mt-2 mx-2 max-lap:mx-0"
style={{ width: "100%", borderRadius: "8px", border: "1px solid #333", boxShadow: "0 0 10px 0 rgba(0, 0, 0, 0.1)" }} style={{ width: "100%", borderRadius: "8px", border: "1px solid #333", boxShadow: "0 0 10px 0 rgba(0, 0, 0, 0.1)" }}
pt={{ pt={{
wrapper: { wrapper: {

2
src/components/profile/DataTables/UserRelaysTable.js
View File

@ -122,7 +122,7 @@ const UserRelaysTable = ({ ndk, userRelays, setUserRelays, reInitializeNDK }) =>
}; };
return ( return (
<div className="bg-gray-800 rounded-lg border border-gray-700"> <div className="bg-gray-800 rounded-lg border border-gray-700 w-full">
<DataTable <DataTable
value={userRelays} value={userRelays}
className="border-none" className="border-none"

2
src/components/profile/UserSettings.js
View File

@ -30,7 +30,7 @@ const UserSettings = () => {
{user && <UserAccountLinking session={session} />} {user && <UserAccountLinking session={session} />}
</div> </div>
<div className="w-[78%] flex flex-col justify-center mx-auto max-lap:w-full ml-2 max-lap:ml-0"> <div className="w-[78%] flex flex-col justify-center mx-2 max-lap:mx-0 max-lap:w-full">
<UserRelaysTable <UserRelaysTable
ndk={ndk} ndk={ndk}
userRelays={userRelays} userRelays={userRelays}

2
src/components/profile/progress/UserProgress.js
View File

@ -189,7 +189,7 @@ const UserProgress = () => {
}; };
return ( return (
<div className="bg-gray-800 rounded-lg p-4 pb-0 m-2 w-full border border-gray-700 shadow-md max-lap:mx-0"> <div className="bg-gray-800 rounded-lg p-4 pb-0 m-2 mb-0 w-full border border-gray-700 shadow-md max-lap:mx-0">
<div className="flex flex-row justify-between items-center"> <div className="flex flex-row justify-between items-center">
<h1 className="text-3xl font-bold text-white mb-2">Dev Journey</h1> <h1 className="text-3xl font-bold text-white mb-2">Dev Journey</h1>
<MoreInfo <MoreInfo

4
src/components/profile/subscription/UserSubscription.js
View File

@ -115,7 +115,7 @@ const UserSubscription = () => {
</div> </div>
{/* Right Column - 78% */} {/* Right Column - 78% */}
<div className="w-[78%] flex flex-col justify-center mx-auto max-lap:w-full"> <div className="w-[78%] flex flex-col justify-center mx-2 max-lap:mx-0 max-lap:w-full">
{!subscribed && ( {!subscribed && (
<Card <Card
title="Subscribe to PlebDevs" title="Subscribe to PlebDevs"
@ -135,7 +135,7 @@ const UserSubscription = () => {
<div className="mb-2"> <div className="mb-2">
<p className="text-gray-400">Subscribe now and elevate your development journey!</p> <p className="text-gray-400">Subscribe now and elevate your development journey!</p>
</div> </div>
<div className="flex flex-col gap-4 mb-2"> <div className="flex flex-col gap-4 mb-1">
<div className="flex items-center"> <div className="flex items-center">
<i className="pi pi-book text-2xl text-primary mr-2 text-blue-400"></i> <i className="pi pi-book text-2xl text-primary mr-2 text-blue-400"></i>
<span>Access ALL current and future PlebDevs content</span> <span>Access ALL current and future PlebDevs content</span>