duckietm/Nitro-Cool-UI
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-Cool-UI.git synced 2025-06-21 22:36:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added: Branding

Browse Source
This commit is contained in:
duckietm 2024-04-24 12:06:22 +02:00
parent c43db78ea3
commit 8b1103170f
5 changed files with 70 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/notifications/coolui.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

33
src/common/layout/LayoutNotificationCredits.tsx Normal file
View File

@ -0,0 +1,33 @@
import { FC, useMemo } from 'react';
import { NotificationAlertType } from '../../api';
import { NitroCardContentView, NitroCardHeaderView, NitroCardView, NitroCardViewProps } from '../card';
export interface LayoutNotificationCreditsProps extends NitroCardViewProps
{
title?: string;
type?: string;
onClose: () => void;
}
export const LayoutNotificationCredits: FC<LayoutNotificationCreditsProps> = props =>
{
const { title = '', onClose = null, classNames = [], children = null,type = NotificationAlertType.DEFAULT, ...rest } = props;
const getClassNames = useMemo(() =>
{
const newClassNames: string[] = ['nitro-alert', 'nitro-alert-credits'];
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames, type ]);
return (
<NitroCardView classNames={ getClassNames } theme="primary" { ...rest }>
<NitroCardHeaderView headerText={ title } onCloseClick={ onClose } />
<NitroCardContentView grow justifyContent="between" overflow="hidden" className="text-black" gap={ 0 }>
{ children }
</NitroCardContentView>
</NitroCardView>
);
}

1
src/common/layout/index.ts
View File

@ -12,6 +12,7 @@ export * from './LayoutItemCountView';
export * from './LayoutLoadingSpinnerView';
export * from './LayoutMiniCameraView';
export * from './LayoutNotificationAlertView';
export * from './LayoutNotificationCredits';
export * from './LayoutNotificationBubbleView';
export * from './LayoutPetImageView';
export * from './LayoutProgressBar';

15
src/components/notification-center/NotificationCenterView.scss
View File

@ -35,6 +35,13 @@
min-width: auto;
}
}
&.nitro-alert-credits {
width: 370px;
.notification-text {
min-width: auto;
}
}
&.nitro-alert-moderation,
&.nitro-alert-alert {
@ -64,3 +71,11 @@
.topnotifications{
margin-top: -6px;
}
.nitro-coolui-logo {
width: 150px;
height: 78px;
position: relative;
background-image: url("@/assets/images/notifications/coolui.png");
background-repeat: no-repeat;
}

33
src/components/notification-center/views/alert-layouts/NitroSystemAlertView.tsx
View File

@ -1,6 +1,6 @@
import { FC } from 'react';
import { GetRendererVersion, GetUIVersion, NotificationAlertItem } from '../../../../api';
import { Button, Column, Flex, Grid, LayoutNotificationAlertView, LayoutNotificationAlertViewProps, Text } from '../../../../common';
import { Button, Column, Flex, Grid, LayoutNotificationCredits, LayoutNotificationAlertViewProps, Text } from '../../../../common';
interface NotificationDefaultAlertViewProps extends LayoutNotificationAlertViewProps
{
@ -9,15 +9,12 @@ interface NotificationDefaultAlertViewProps extends LayoutNotificationAlertViewP
export const NitroSystemAlertView: FC<NotificationDefaultAlertViewProps> = props =>
{
const { title = 'Nitro', onClose = null, ...rest } = props;
const { title = 'Nitro Cool UI Edit', onClose = null, ...rest } = props;
return (
<LayoutNotificationAlertView title={ title } onClose={ onClose } { ...rest }>
<LayoutNotificationCredits title={ title } onClose={ onClose } { ...rest }>
<Grid>
<Column center size={ 5 }>
<object data="https://assets.nitrodev.co/logos/nitro-n-dark.svg" width="100" height="100">&nbsp;</object>
</Column>
<Column size={ 7 }>
<Column size={ 12 }>
<Column alignItems="center" gap={ 0 }>
<Text bold fontSize={ 4 }>Nitro React</Text>
<Text>v{ GetUIVersion() }</Text>
@ -25,15 +22,27 @@ export const NitroSystemAlertView: FC<NotificationDefaultAlertViewProps> = props
<Column alignItems="center">
<Text><b>Renderer:</b> v{ GetRendererVersion() }</Text>
<Column fullWidth gap={ 1 }>
<Button fullWidth variant="success" onClick={ event => window.open('https://discord.nitrodev.co') }>Discord</Button>
<Button fullWidth variant="success" onClick={ event => window.open('https://discord.nitrodev.co') }>Nitro Discord</Button>
<Flex gap={ 1 }>
<Button fullWidth onClick={ event => window.open('https://git.krews.org/nitro/nitro-react') }>Git</Button>
<Button fullWidth onClick={ event => window.open('https://git.krews.org/nitro/nitro-react/-/issues') }>Bug Report</Button>
<Button fullWidth onClick={ event => window.open('https://git.krews.org/nitro/nitro-react') }>Nitro Git</Button>
<Button fullWidth onClick={ event => window.open('https://git.krews.org/nitro/nitro-react/-/issues') }>Nitro Bug Report</Button>
</Flex>
</Column>
</Column>
</Column>
<div className="nitro-coolui-logo"></div>
<Column size={ 10 }>
<Column alignItems="left" gap={ 0 }>
<Text center bold fontSize={ 5 }>Cool UI</Text>
<Text>Was created by Wassehk</Text>
<Text>- DuckieTM (Re-Design)</Text>
<Text>- Jonas (Contributing)</Text>
<Text>- Ohlucas (Sunset resources)</Text>
<Text center bold small>v1.2.0</Text>
<Button fullWidth onClick={ event => window.open('https://git.krews.org/nitro/nitro-react') }>Cool UI Git</Button>
</Column>
</Column>
</Grid>
</LayoutNotificationAlertView>
</LayoutNotificationCredits>
);
}
}