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

🆙 Fixed the AlertCenter

Browse Source
This commit is contained in:
duckietm 2025-03-10 16:22:40 +01:00
parent 8edee0d5b4
commit f225a033f2
4 changed files with 79 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,10 +14,7 @@ export const NitroSystemAlertView: FC<NotificationDefaultAlertViewProps> = props
return (
<LayoutNotificationAlertView title={ title } onClose={ onClose } { ...rest }>
<Grid>
<Column center size={ 5 }>
<object data="https://assets.nitrodev.co/logos/nitro-n-dark.svg" height="100" width="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>
@ -26,13 +23,19 @@ export const NitroSystemAlertView: FC<NotificationDefaultAlertViewProps> = props
<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>
<div className="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>
</div>
</Column>
</Column>
<div className="alertView_nitro-coolui-logo"></div>
<Column size={ 12 }>
<Column alignItems="center" gap={ 0 }>
<Text center bold fontSize={ 5 }>Cool UI</Text>
<Text>- DuckieTM (Design)</Text>
<Text center bold small>v3.0.0</Text>
<Button fullWidth onClick={ event => window.open('https://github.com/duckietm/Nitro-Cool-UI') }>Cool UI Git</Button>
</Column>
</Column>
</Column>
</Grid>
</LayoutNotificationAlertView>
);

66
src/css/NotificationCenterView.css Normal file
View File

@ -0,0 +1,66 @@
.nitro-alert {
min-height: 150px;
max-height: 350px;
.notification-frank {
background-image: url('@/assets/images/notifications/frank.gif');
width:47px;
height: 85px;
}
.notification-text {
min-width: 250px;
}
&.nitro-alert-default,
&.nitro-alert-motd {
width: 350px;
.notification-text {
min-width: auto;
}
}
&.nitro-alert-credits {
width: 370px;
.notification-text {
min-width: auto;
}
}
&.nitro-alert-moderation,
&.nitro-alert-alert {
width: 250px;
.notification-text {
min-width: 225px;
}
}
}
.nitro-notification-bubble {
pointer-events: all;
padding: 6px 5px;
pointer-events: all;
padding: 10px;
background-color: #212121;
box-shadow: inset 0 5px rgba(38,38,57,.6), inset 0 -4px rgba(25,25,37,.6);
font-size: .7875rem;
border-radius: 0.5rem;
font-size: 0.7875rem;
color: white;
.bubble-image-container {
width: 50px;
height: 50px;
}
}
.topnotifications{
margin-top: -6px;
}
.alertView_nitro-coolui-logo {
width: 150px;
height: 78px;
position: relative;
background-image: url("@/assets/images/notifications/coolui.png");
background-repeat: no-repeat;
}

1
src/index.tsx
View File

@ -3,6 +3,7 @@ import { App } from './App';
import './css/chats.css';
import './css/index.css';
import './css/loading.css';
import './css/NotificationCenterView.css';
import './css/PurseView.css';
createRoot(document.getElementById('root')).render(<App />);