gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

style(ui): make button height and width 100% and use existing variables for colors in GuildOptionsMenu

Browse source
This commit is contained in:
SauceyRed 2025-07-13 04:13:29 +02:00
parent 7959f702c6
commit 4adba889e4
Signed by: sauceyred
GPG key ID: 2BF92EB6D8A5CCA7
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/GuildOptionsMenu.vue
View file

@ -30,7 +30,7 @@ function openInviteModal() {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
background-color: rgb(20, 20, 20); background-color: var(--chat-background-color);
top: 8dvh; top: 8dvh;
z-index: 10; z-index: 10;
width: 100%; width: 100%;
@ -42,15 +42,18 @@ function openInviteModal() {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 2em; height: 2em;
box-sizing: border-box;
} }
.guild-option:hover { .guild-option:hover {
border: var(--outline-border); background-color: var(--padding-color);
} }
.guild-option-button { .guild-option-button {
border: 0; border: 0;
background-color: transparent; background-color: transparent;
color: var(--main-text-color); color: var(--main-text-color);
height: 100%;
width: 100%;
} }
</style> </style>