Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-02-19 02:11:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix styles due to migration to SCSS

Browse Source
This commit is contained in:
Red Adaya 2024-11-22 16:30:20 +08:00
parent ac2e07c697
commit 145fcc282a
2 changed files with 66 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/app/notification/notificationbubbles.tsx
View File

@ -6,11 +6,12 @@ import { FloatingPortal, useFloating, useInteractions } from "@floating-ui/react
import clsx from "clsx"; import clsx from "clsx";
import { useAtomValue } from "jotai"; import { useAtomValue } from "jotai";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import "./notificationbubbles.scss";
import { NotificationItem } from "./notificationitem"; import { NotificationItem } from "./notificationitem";
import { RatingBubble } from "./ratingbubble"; import { RatingBubble } from "./ratingbubble";
import { useNotification } from "./usenotification"; import { useNotification } from "./usenotification";
import "./notificationbubbles.scss";
const NotificationBubbles = () => { const NotificationBubbles = () => {
const { const {
notifications, notifications,

10
frontend/app/notification/notificationitem.scss
View File

@ -1,7 +1,6 @@
// Copyright 2024, Command Line Inc. // Copyright 2024, Command Line Inc.
// SPDX-License-Identifier: Apache-2.0 // SPDX-License-Identifier: Apache-2.0
.notification {
.notification-title { .notification-title {
font-size: 13px; font-size: 13px;
font-style: normal; font-style: normal;
@ -77,6 +76,10 @@
border: 0.5px solid rgba(255, 255, 255, 0.12); border: 0.5px solid rgba(255, 255, 255, 0.12);
background: #232323; background: #232323;
box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.25);
&.hovered {
background: #292929;
}
} }
.notification-inner { .notification-inner {
@ -113,7 +116,4 @@
margin-bottom: 7px; margin-bottom: 7px;
} }
} }
&.hovered {
background: #292929;
}
}