cswimr/Vencord
1
0
Fork 0
forked from CoastalCommitsArchival/github.com-Vendicated-Vencord
Code Pull requests Packages 1 Wiki Activity

ReadAllNotificationButton: make button less ugly

Browse source
This commit is contained in:
Vendicated 2024-03-27 21:44:54 +01:00
parent 0d22ff0091
commit 8ab56f5bcf
No known key found for this signature in database
GPG key ID: D66986BAF75ECF18
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/>. * along with this program. If not, see <https://www.gnu.org/licenses/>.
*/ */
import "./style.css";
import { addServerListElement, removeServerListElement, ServerListRenderPosition } from "@api/ServerList"; import { addServerListElement, removeServerListElement, ServerListRenderPosition } from "@api/ServerList";
import { Devs } from "@utils/constants"; import { Devs } from "@utils/constants";
import definePlugin from "@utils/types"; import definePlugin from "@utils/types";
@ -49,9 +51,11 @@ const ReadAllButton = () => (
<Button <Button
onClick={onClick} onClick={onClick}
size={Button.Sizes.MIN} size={Button.Sizes.MIN}
color={Button.Colors.BRAND} color={Button.Colors.CUSTOM}
style={{ marginTop: "2px", marginBottom: "8px", marginLeft: "9px" }} className="vc-ranb-button"
>Read all</Button> >
Read All
</Button>
); );
export default definePlugin({ 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);
}