mirror of
https://github.com/AustinKelsay/plebdevs.git
synced 2025-06-04 16:22:04 +00:00
Styling improvements
This commit is contained in:
parent
1e81357351
commit
96a6a77355
@ -13,7 +13,7 @@ const DiscordFeed = () => {
|
||||
|
||||
if (isLoading) {
|
||||
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' />
|
||||
</div>
|
||||
);
|
||||
@ -55,7 +55,7 @@ const DiscordFeed = () => {
|
||||
);
|
||||
|
||||
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">
|
||||
{data && data.length > 0 ? (
|
||||
data.map(message => (
|
||||
|
@ -80,7 +80,7 @@ const GlobalFeed = () => {
|
||||
|
||||
if (discordLoading || stackerNewsLoading || nostrLoading) {
|
||||
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' />
|
||||
</div>
|
||||
);
|
||||
@ -181,7 +181,7 @@ const GlobalFeed = () => {
|
||||
);
|
||||
|
||||
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">
|
||||
{combinedFeed.length > 0 ? (
|
||||
combinedFeed.map(item => (
|
||||
|
@ -102,7 +102,7 @@ const NostrFeed = () => {
|
||||
|
||||
if (isLoading) {
|
||||
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' />
|
||||
</div>
|
||||
);
|
||||
@ -113,7 +113,7 @@ const NostrFeed = () => {
|
||||
}
|
||||
|
||||
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">
|
||||
{communityNotes.length > 0 ? (
|
||||
communityNotes.map(message => (
|
||||
|
@ -28,7 +28,7 @@ const StackerNewsFeed = () => {
|
||||
|
||||
if (isLoading) {
|
||||
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' />
|
||||
</div>
|
||||
);
|
||||
@ -72,7 +72,7 @@ const StackerNewsFeed = () => {
|
||||
);
|
||||
|
||||
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">
|
||||
{items && items.length > 0 ? (
|
||||
items.map(item => (
|
||||
|
@ -113,7 +113,7 @@ const UserContent = () => {
|
||||
const isError = coursesError || resourcesError || workshopsError || draftsError || contentIdsError || courseDraftsError;
|
||||
|
||||
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">
|
||||
<h2 className="text-center my-4">Your Content</h2>
|
||||
</div>
|
||||
|
@ -53,7 +53,7 @@ const UserProfile = () => {
|
||||
|
||||
return (
|
||||
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="relative flex w-full items-center justify-center">
|
||||
<Image
|
||||
|
@ -57,7 +57,7 @@ const UserSettings = () => {
|
||||
|
||||
return (
|
||||
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="relative flex w-full items-center justify-center">
|
||||
<Image
|
||||
|
@ -41,7 +41,7 @@ export default function SignIn() {
|
||||
}
|
||||
|
||||
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>
|
||||
<Button
|
||||
label={"login with nostr"}
|
||||
|
@ -32,7 +32,7 @@ export default function Edit() {
|
||||
}, [router.isReady, router.query, showToast]);
|
||||
|
||||
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>
|
||||
{draft && <CourseForm draft={draft} />}
|
||||
</div>
|
||||
|
@ -27,7 +27,7 @@ const Create = () => {
|
||||
};
|
||||
|
||||
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>
|
||||
<MenuTab items={homeItems} activeIndex={activeIndex} onTabChange={setActiveIndex} />
|
||||
{renderForm()}
|
||||
|
@ -25,7 +25,7 @@ const Edit = () => {
|
||||
}, [router.isReady, router.query]);
|
||||
|
||||
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>
|
||||
{draft?.type === 'course' && <CourseForm draft={draft} />}
|
||||
{draft?.type === 'workshop' && <WorkshopForm draft={draft} />}
|
||||
|
@ -55,8 +55,8 @@ const Feed = () => {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="bg-gray-900 h-[100vh] w-[100vw] min-bottom-bar:w-[87vw]">
|
||||
<div className="w-[100vw] min-bottom-bar:w-[87vw] px-4 pt-4 flex flex-col items-start">
|
||||
<div className="bg-gray-900 h-[100vh] w-[100vw] min-bottom-bar:w-[86vw]">
|
||||
<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'>
|
||||
<h2 className="font-bold mb-0">Community</h2>
|
||||
<Button
|
||||
|
@ -29,7 +29,7 @@ const Profile = () => {
|
||||
};
|
||||
|
||||
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
|
||||
pt={{
|
||||
root: {
|
||||
|
Loading…
x
Reference in New Issue
Block a user