🆙 Fixed the AlertCenter

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

@@ -14,10 +14,7 @@ export const NitroSystemAlertView: FC<NotificationDefaultAlertViewProps> = props
     return (
         <LayoutNotificationAlertView title={ title } onClose={ onClose } { ...rest }>
             <Grid>
-                <Column center size={ 5 }>
+                <Column size={ 12 }>
-                    <object data="https://assets.nitrodev.co/logos/nitro-n-dark.svg" height="100" width="100">&nbsp;</object>
-                </Column>
-                <Column size={ 7 }>
                     <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">
+                        </Column>
-                                <Button fullWidth onClick={ event => window.open('https://git.krews.org/nitro/nitro-react') }>Git</Button>
+                    </Column>
-                                <Button fullWidth onClick={ event => window.open('https://git.krews.org/nitro/nitro-react/-/issues') }>Bug Report</Button>
+					<div className="alertView_nitro-coolui-logo"></div>
-                            </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>
     );

src/css/NotificationCenterView.css

@@ -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;
+}

src/index.tsx

@@ -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 />);