From 4adba889e45cafc76aad7464e67e192d4dda266e Mon Sep 17 00:00:00 2001
From: SauceyRed <saucey@saucey.red>
Date: Sun, 13 Jul 2025 04:13:29 +0200
Subject: [PATCH] style(ui): make button height and width 100% and use existing
 variables for colors in GuildOptionsMenu

---
 components/GuildOptionsMenu.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/GuildOptionsMenu.vue b/components/GuildOptionsMenu.vue
index 71207e3..e9bbcf9 100644
--- a/components/GuildOptionsMenu.vue
+++ b/components/GuildOptionsMenu.vue
@@ -30,7 +30,7 @@ function openInviteModal() {
   display: flex;
   flex-direction: column;
   position: relative;
-  background-color: rgb(20, 20, 20);
+  background-color: var(--chat-background-color);
   top: 8dvh;
   z-index: 10;
   width: 100%;
@@ -42,15 +42,18 @@ function openInviteModal() {
   justify-content: center;
   align-items: center;
   height: 2em;
+  box-sizing: border-box;
 }
 
 .guild-option:hover {
-  border: var(--outline-border);
+  background-color: var(--padding-color);
 }
 
 .guild-option-button {
   border: 0;
   background-color: transparent;
   color: var(--main-text-color);
+  height: 100%;
+  width: 100%;
 }
 </style>
\ No newline at end of file