bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix layout, add missing colors

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-03-24 20:28:51 +01:00
parent fb9a7fc8b7
commit 7e9906c315
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/announcements/announcements-panel.tsx
View file

@ -33,7 +33,7 @@ const AnnouncementsPanel = () => {
return ( return (
<Widget title={<FormattedMessage id='announcements.title' defaultMessage='Announcements' />}> <Widget title={<FormattedMessage id='announcements.title' defaultMessage='Announcements' />}>
<Card className='relative' size='md' variant='rounded'> <Card className='relative black:rounded-xl black:border black:border-gray-800' size='md' variant='rounded'>
<ReactSwipeableViews animateHeight index={index} onChangeIndex={handleChangeIndex}> <ReactSwipeableViews animateHeight index={index} onChangeIndex={handleChangeIndex}>
{announcements.map((announcement) => ( {announcements.map((announcement) => (
<Announcement <Announcement

4
src/components/ui/layout/layout.tsx
View file

@ -21,8 +21,8 @@ interface LayoutComponent extends React.FC<ILayout> {
/** Layout container, to hold Sidebar, Main, and Aside. */ /** Layout container, to hold Sidebar, Main, and Aside. */
const Layout: LayoutComponent = ({ children }) => ( const Layout: LayoutComponent = ({ children }) => (
<div className='relative grow black:pt-0 sm:pt-4'> <div className='relative flex grow flex-col black:pt-0 sm:pt-4'>
<div className='mx-auto max-w-3xl sm:px-6 md:grid md:max-w-7xl md:grid-cols-12 md:gap-8 md:px-8'> <div className='mx-auto w-full max-w-3xl grow sm:px-6 md:grid md:max-w-7xl md:grid-cols-12 md:gap-8 md:px-8'>
{children} {children}
</div> </div>
</div> </div>

2
src/features/edit-profile/components/avatar-picker.tsx
View file

@ -24,7 +24,7 @@ const AvatarPicker = React.forwardRef<HTMLInputElement, IMediaInput>(({ classNam
<label <label
ref={picker} ref={picker}
className={clsx( className={clsx(
'absolute bottom-0 left-1/2 h-20 w-20 -translate-x-1/2 translate-y-1/2 cursor-pointer rounded-full ring-2', 'absolute bottom-0 left-1/2 h-20 w-20 -translate-x-1/2 translate-y-1/2 cursor-pointer rounded-full bg-primary-300 ring-2',
{ {
'border-2 border-primary-600 border-dashed !z-[99] overflow-hidden': isDragging, 'border-2 border-primary-600 border-dashed !z-[99] overflow-hidden': isDragging,
'ring-white dark:ring-primary-900': !isDraggedOver, 'ring-white dark:ring-primary-900': !isDraggedOver,