Styling improvements

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

View File

@ -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 => (

View File

@ -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 => (

View File

@ -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 => (

View File

@ -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 => (

View File

@ -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>

View File

@ -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

View File

@ -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

View File

@ -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"}

View File

@ -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>

View File

@ -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()}

View File

@ -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} />}

View File

@ -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

View File

@ -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: {