moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove background shapes and landing gradient

This commit is contained in:
Alex Gleason 2025-01-24 19:36:53 -06:00
parent 2198816e78
commit e43ca0cbb3
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
5 changed files with 0 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/landing-gradient.tsx
View File

@ -1,6 +0,0 @@
/** Fullscreen gradient used as a backdrop to public pages. */
const LandingGradient: React.FC = () => (
<div className='fixed h-screen w-full bg-gradient-to-tr from-primary-50 via-white to-gradient-end/10 black:hidden dark:from-primary-900/50 dark:via-primary-900 dark:to-primary-800/50' />
);
export default LandingGradient;

3
src/components/loading-screen.tsx
View File

@ -1,12 +1,9 @@
import LandingGradient from 'soapbox/components/landing-gradient.tsx';
import Spinner from 'soapbox/components/ui/spinner.tsx'; import Spinner from 'soapbox/components/ui/spinner.tsx';
/** Fullscreen loading indicator. */ /** Fullscreen loading indicator. */
const LoadingScreen: React.FC = () => { const LoadingScreen: React.FC = () => {
return ( return (
<div className='fixed h-screen w-screen'> <div className='fixed h-screen w-screen'>
<LandingGradient />
<div className='d-screen fixed z-10 flex w-screen items-center justify-center'> <div className='d-screen fixed z-10 flex w-screen items-center justify-center'>
<div className='p-4'> <div className='p-4'>
<Spinner size={40} withText={false} /> <Spinner size={40} withText={false} />

2
src/features/soapbox-config/components/site-preview.tsx
View File

@ -4,7 +4,6 @@ import { FormattedMessage } from 'react-intl';
import { defaultSettings } from 'soapbox/actions/settings.ts'; import { defaultSettings } from 'soapbox/actions/settings.ts';
import SiteLogo from 'soapbox/components/site-logo.tsx'; import SiteLogo from 'soapbox/components/site-logo.tsx';
import BackgroundShapes from 'soapbox/features/ui/components/background-shapes.tsx';
import { useSystemTheme } from 'soapbox/hooks/useSystemTheme.ts'; import { useSystemTheme } from 'soapbox/hooks/useSystemTheme.ts';
import { normalizeSoapboxConfig } from 'soapbox/normalizers/index.ts'; import { normalizeSoapboxConfig } from 'soapbox/normalizers/index.ts';
import { generateThemeCss } from 'soapbox/utils/theme.ts'; import { generateThemeCss } from 'soapbox/utils/theme.ts';
@ -39,7 +38,6 @@ const SitePreview: React.FC<ISitePreview> = ({ soapbox }) => {
<div className={bodyClass}> <div className={bodyClass}>
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */} {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
<style>{`.site-preview {${generateThemeCss(soapboxConfig)}}`}</style> <style>{`.site-preview {${generateThemeCss(soapboxConfig)}}`}</style>
<BackgroundShapes position='absolute' />
<div className='absolute z-[2] self-center overflow-hidden rounded-lg bg-accent-500 p-2 text-white'> <div className='absolute z-[2] self-center overflow-hidden rounded-lg bg-accent-500 p-2 text-white'>
<FormattedMessage id='site_preview.preview' defaultMessage='Preview' /> <FormattedMessage id='site_preview.preview' defaultMessage='Preview' />

15
src/features/ui/components/background-shapes.tsx
View File

@ -1,15 +0,0 @@
import clsx from 'clsx';
interface IBackgroundShapes {
/** Whether the shapes should be absolute positioned or fixed. */
position?: 'fixed' | 'absolute';
}
/** Gradient that appears in the background of the UI. */
const BackgroundShapes: React.FC<IBackgroundShapes> = ({ position = 'fixed' }) => (
<div className={clsx(position, 'pointer-events-none inset-x-0 top-0 flex justify-center overflow-hidden black:hidden')}>
<div className='bg-gradient-sm lg:bg-gradient-light lg:dark:bg-gradient-dark h-screen w-screen' />
</div>
);
export default BackgroundShapes;

3
src/features/ui/index.tsx
View File

@ -43,7 +43,6 @@ import SearchPage from 'soapbox/pages/search-page.tsx';
import StatusPage from 'soapbox/pages/status-page.tsx'; import StatusPage from 'soapbox/pages/status-page.tsx';
import WidePage from 'soapbox/pages/wide-page.tsx'; import WidePage from 'soapbox/pages/wide-page.tsx';
import BackgroundShapes from './components/background-shapes.tsx';
import FloatingActionButton from './components/floating-action-button.tsx'; import FloatingActionButton from './components/floating-action-button.tsx';
import Navbar from './components/navbar.tsx'; import Navbar from './components/navbar.tsx';
import { import {
@ -505,8 +504,6 @@ const UI: React.FC<IUI> = ({ children }) => {
})} })}
/> />
<BackgroundShapes />
<div className='z-10 flex min-h-screen flex-col'> <div className='z-10 flex min-h-screen flex-col'>
<div className='sticky top-0 z-50 sm:hidden'> <div className='sticky top-0 z-50 sm:hidden'>
<Navbar /> <Navbar />