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

Styling improvements

Browse Source
This commit is contained in:
austinkelsay 2024-09-06 16:57:27 -05:00
parent 1e81357351
commit 96a6a77355
13 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/feeds/DiscordFeed.js
View File

@ -13,7 +13,7 @@ const DiscordFeed = () => {
if (isLoading) { if (isLoading) {
return ( return (
<div className="h-[100vh] min-bottom-bar:w-[87vw] max-sidebar:w-[100vw]"> <div className="h-[100vh] min-bottom-bar:w-[86vw] max-sidebar:w-[100vw]">
<ProgressSpinner className='w-full mt-24 mx-auto' /> <ProgressSpinner className='w-full mt-24 mx-auto' />
</div> </div>
); );
@ -55,7 +55,7 @@ const DiscordFeed = () => {
); );
return ( return (
<div className="bg-gray-900 h-full w-full min-bottom-bar:w-[87vw]"> <div className="bg-gray-900 h-full w-full min-bottom-bar:w-[86vw]">
<div className="mx-4 mt-4"> <div className="mx-4 mt-4">
{data && data.length > 0 ? ( {data && data.length > 0 ? (
data.map(message => ( data.map(message => (

4
src/components/feeds/GlobalFeed.js
View File

@ -80,7 +80,7 @@ const GlobalFeed = () => {
if (discordLoading || stackerNewsLoading || nostrLoading) { if (discordLoading || stackerNewsLoading || nostrLoading) {
return ( return (
<div className="h-[100vh] min-bottom-bar:w-[87vw] max-sidebar:w-[100vw]"> <div className="h-[100vh] min-bottom-bar:w-[86vw] max-sidebar:w-[100vw]">
<ProgressSpinner className='w-full mt-24 mx-auto' /> <ProgressSpinner className='w-full mt-24 mx-auto' />
</div> </div>
); );
@ -181,7 +181,7 @@ const GlobalFeed = () => {
); );
return ( return (
<div className="bg-gray-900 h-full w-full min-bottom-bar:w-[87vw]"> <div className="bg-gray-900 h-full w-full min-bottom-bar:w-[86vw]">
<div className="mx-4 mt-4"> <div className="mx-4 mt-4">
{combinedFeed.length > 0 ? ( {combinedFeed.length > 0 ? (
combinedFeed.map(item => ( combinedFeed.map(item => (

4
src/components/feeds/NostrFeed.js
View File

@ -102,7 +102,7 @@ const NostrFeed = () => {
if (isLoading) { if (isLoading) {
return ( return (
<div className="h-[100vh] min-bottom-bar:w-[87vw] max-sidebar:w-[100vw]"> <div className="h-[100vh] min-bottom-bar:w-[86vw] max-sidebar:w-[100vw]">
<ProgressSpinner className='w-full mt-24 mx-auto' /> <ProgressSpinner className='w-full mt-24 mx-auto' />
</div> </div>
); );
@ -113,7 +113,7 @@ const NostrFeed = () => {
} }
return ( return (
<div className="bg-gray-900 h-full w-full min-bottom-bar:w-[87vw]"> <div className="bg-gray-900 h-full w-full min-bottom-bar:w-[86vw]">
<div className="mx-4 mt-4"> <div className="mx-4 mt-4">
{communityNotes.length > 0 ? ( {communityNotes.length > 0 ? (
communityNotes.map(message => ( communityNotes.map(message => (

4
src/components/feeds/StackerNewsFeed.js
View File

@ -28,7 +28,7 @@ const StackerNewsFeed = () => {
if (isLoading) { if (isLoading) {
return ( return (
<div className="h-[100vh] min-bottom-bar:w-[87vw] max-sidebar:w-[100vw]"> <div className="h-[100vh] min-bottom-bar:w-[86vw] max-sidebar:w-[100vw]">
<ProgressSpinner className='w-full mt-24 mx-auto' /> <ProgressSpinner className='w-full mt-24 mx-auto' />
</div> </div>
); );
@ -72,7 +72,7 @@ const StackerNewsFeed = () => {
); );
return ( return (
<div className="bg-gray-900 h-full w-full min-bottom-bar:w-[87vw]"> <div className="bg-gray-900 h-full w-full min-bottom-bar:w-[86vw]">
<div className="mx-4 mt-4"> <div className="mx-4 mt-4">
{items && items.length > 0 ? ( {items && items.length > 0 ? (
items.map(item => ( items.map(item => (

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

@ -113,7 +113,7 @@ const UserContent = () => {
const isError = coursesError || resourcesError || workshopsError || draftsError || contentIdsError || courseDraftsError; const isError = coursesError || resourcesError || workshopsError || draftsError || contentIdsError || courseDraftsError;
return ( return (
<div className="w-full min-bottom-bar:w-[87vw] mx-auto"> <div className="w-full min-bottom-bar:w-[86vw] mx-auto">
<div className="border-b-2 border-gray-300 mt-8"> <div className="border-b-2 border-gray-300 mt-8">
<h2 className="text-center my-4">Your Content</h2> <h2 className="text-center my-4">Your Content</h2>
</div> </div>

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

@ -53,7 +53,7 @@ const UserProfile = () => {
return ( return (
user && ( user && (
<div className="h-full w-full min-bottom-bar:w-[87vw] max-sidebar:w-[100vw] mx-auto"> <div className="h-full w-full min-bottom-bar:w-[86vw] max-sidebar:w-[100vw] mx-auto">
<div className="w-full flex flex-col justify-center mx-auto"> <div className="w-full flex flex-col justify-center mx-auto">
<div className="relative flex w-full items-center justify-center"> <div className="relative flex w-full items-center justify-center">
<Image <Image

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

@ -57,7 +57,7 @@ const UserSettings = () => {
return ( return (
user && ( user && (
<div className="h-full w-full min-bottom-bar:w-[87vw] max-sidebar:w-[100vw] mx-auto"> <div className="h-full w-full min-bottom-bar:w-[86vw] max-sidebar:w-[100vw] mx-auto">
<div className="w-full flex flex-col justify-center mx-auto"> <div className="w-full flex flex-col justify-center mx-auto">
<div className="relative flex w-full items-center justify-center"> <div className="relative flex w-full items-center justify-center">
<Image <Image

2
src/pages/auth/signin.js
View File

@ -41,7 +41,7 @@ export default function SignIn() {
} }
return ( return (
<div className="w-[100vw] min-bottom-bar:w-[82vw] mx-auto mt-24 flex flex-col justify-center"> <div className="w-[100vw] min-bottom-bar:w-[86vw] mx-auto mt-24 flex flex-col justify-center">
<h1 className="text-center mb-8">Sign In</h1> <h1 className="text-center mb-8">Sign In</h1>
<Button <Button
label={"login with nostr"} label={"login with nostr"}

2
src/pages/course/[slug]/draft/edit.js
View File

@ -32,7 +32,7 @@ export default function Edit() {
}, [router.isReady, router.query, showToast]); }, [router.isReady, router.query, showToast]);
return ( return (
<div className="w-full min-bottom-bar:w-[87vw] max-sidebar:w-[100vw] px-8 mx-auto my-8 flex flex-col justify-center"> <div className="w-full min-bottom-bar:w-[86vw] max-sidebar:w-[100vw] px-8 mx-auto my-8 flex flex-col justify-center">
<h2 className="text-center mb-8">Edit Course Draft</h2> <h2 className="text-center mb-8">Edit Course Draft</h2>
{draft && <CourseForm draft={draft} />} {draft && <CourseForm draft={draft} />}
</div> </div>

2
src/pages/create.js
View File

@ -27,7 +27,7 @@ const Create = () => {
}; };
return ( return (
<div className="w-full min-bottom-bar:w-[87vw] max-sidebar:w-[100vw] px-8 mx-auto my-8 flex flex-col justify-center"> <div className="w-full min-bottom-bar:w-[86vw] max-sidebar:w-[100vw] px-8 mx-auto my-8 flex flex-col justify-center">
<h2 className="text-center mb-8">Create a {homeItems[activeIndex].label}</h2> <h2 className="text-center mb-8">Create a {homeItems[activeIndex].label}</h2>
<MenuTab items={homeItems} activeIndex={activeIndex} onTabChange={setActiveIndex} /> <MenuTab items={homeItems} activeIndex={activeIndex} onTabChange={setActiveIndex} />
{renderForm()} {renderForm()}

2
src/pages/draft/[slug]/edit.js
View File

@ -25,7 +25,7 @@ const Edit = () => {
}, [router.isReady, router.query]); }, [router.isReady, router.query]);
return ( return (
<div className="w-[80vw] max-w-[80vw] mx-auto my-8 flex flex-col justify-center"> <div className="w-full min-bottom-bar:w-[86vw] max-sidebar:w-[100vw] px-8 mx-auto my-8 flex flex-col justify-center">
<h2 className="text-center mb-8">Edit Draft</h2> <h2 className="text-center mb-8">Edit Draft</h2>
{draft?.type === 'course' && <CourseForm draft={draft} />} {draft?.type === 'course' && <CourseForm draft={draft} />}
{draft?.type === 'workshop' && <WorkshopForm draft={draft} />} {draft?.type === 'workshop' && <WorkshopForm draft={draft} />}

4
src/pages/feed.js
View File

@ -55,8 +55,8 @@ const Feed = () => {
}; };
return ( return (
<div className="bg-gray-900 h-[100vh] w-[100vw] min-bottom-bar:w-[87vw]"> <div className="bg-gray-900 h-[100vh] w-[100vw] min-bottom-bar:w-[86vw]">
<div className="w-[100vw] min-bottom-bar:w-[87vw] px-4 pt-4 flex flex-col items-start"> <div className="w-[100vw] min-bottom-bar:w-[86vw] px-4 pt-4 flex flex-col items-start">
<div className='mb-4 flex flex-row items-end'> <div className='mb-4 flex flex-row items-end'>
<h2 className="font-bold mb-0">Community</h2> <h2 className="font-bold mb-0">Community</h2>
<Button <Button

2
src/pages/profile.js
View File

@ -29,7 +29,7 @@ const Profile = () => {
}; };
return ( return (
<div className="w-full min-h-full min-bottom-bar:w-[87vw] mx-auto"> <div className="w-full min-h-full min-bottom-bar:w-[86vw] mx-auto">
<TabView <TabView
pt={{ pt={{
root: { root: {