mirrors/Vencord
1
0
Fork 1
mirror of https://github.com/Vendicated/Vencord.git synced 2025-01-10 09:56:24 +00:00
Code Activity

ReadAllNotificationButton: make button less ugly

Browse source
This commit is contained in:
Vendicated 2024-03-27 21:44:54 +01:00 committed by Luna
parent 56e0dcc2a5
commit cb790d4b44
2 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/plugins/readAllNotificationsButton/index.tsx
View file

@ -16,6 +16,8 @@
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
import "./style.css";
import { addServerListElement, removeServerListElement, ServerListRenderPosition } from "@api/ServerList";
import { Devs } from "@utils/constants";
import definePlugin from "@utils/types";
@ -49,9 +51,11 @@ const ReadAllButton = () => (
<Button
onClick={onClick}
size={Button.Sizes.MIN}
color={Button.Colors.BRAND}
style={{ marginTop: "2px", marginBottom: "8px", marginLeft: "9px" }}
>Read all</Button>
color={Button.Colors.CUSTOM}
className="vc-ranb-button"
>
Read All
</Button>
);
export default definePlugin({

11
src/plugins/readAllNotificationsButton/style.css Normal file
View file

@ -0,0 +1,11 @@
.vc-ranb-button {
color: var(--interactive-normal);
padding: 0 0.5em;
margin-bottom: 0.5em;
width: 100%;
box-sizing: border-box;
}
.vc-ranb-button:hover {
color: var(--interactive-active);
}