imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

NQ-74 Styling updates and fixes GUI

Browse Source
This commit is contained in:
Colin Kallemein
2024-06-12 21:30:51 +02:00
parent 9022c104da
commit 12445db7f1
13 changed files with 95 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/gui/Menu.vue
View File

@ -38,18 +38,18 @@
.menu {
list-style: none;
display: flex;
gap: 20px;
gap: 10px;
.menu-item {
position: relative;
p {
position: absolute;
bottom: 50px;
width: 64px;
bottom: 65px;
width: 85px;
text-align: center;
background-color: #b1b2b5;
border: 2px solid $white;
background-color: $dark-gray;
border: 2px solid $cyan;
border-radius: 24px;
height: 24px;
font-size: 0.875rem;
@ -61,7 +61,7 @@
&::after {
content: '';
position: absolute;
top: 100%;
top: calc(100% + 2px);
background-color: $white;
height: 8px;
width: 14px;
@ -73,16 +73,17 @@
a {
padding: 8px;
background-color: rgba(127, 127, 127, 0.7);
border: 2px solid $white;
border-radius: 50%;
background-color: rgba($dark-gray, 0.7);
border: 2px solid $cyan;
border-radius: 8px;
display: block;
width: 30px;
height: 30px;
width: 45px;
height: 35px;
img {
width: inherit;
height: inherit;
width: inherit;
object-fit: contain;
}
}
@ -92,9 +93,8 @@
}
a {
background-image: url('/assets/galaxy.png');
background-position: center;
background-size: cover;
background-color: rgba($gray, 0.7);
cursor: pointer;
img {
filter: drop-shadow(0px 3px 6px $black);