dan/Nertivia-Client
1
0
Fork 0
mirror of https://github.com/danbulant/Nertivia-Client synced 2026-06-24 17:11:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

some changes made to the new design

Browse source
This commit is contained in:
supertiger1234 2020-02-06 10:59:21 +00:00
parent 8a904711fe
commit 3587d6e96e
4 changed files with 27 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/app/Popouts/Popouts/ServerInvitePopout.vue
View file

@ -101,8 +101,13 @@ export default {
color: white; color: white;
overflow: hidden; overflow: hidden;
box-shadow: 0px 0px 20px 5px #151515bd; box-shadow: 0px 0px 20px 5px #151515bd;
background: linear-gradient(#0b4155, #01677e); background: linear-gradient(
to bottom,
rgba(0, 87, 153, 0.8) 0,
rgba(0, 118, 209, 0.8)
);
border-radius: 4px; border-radius: 4px;
backdrop-filter: blur(5px);
} }
.top { .top {
display: flex; display: flex;
@ -143,7 +148,9 @@ export default {
.invite { .invite {
display: flex; display: flex;
background: rgba(0, 0, 0, 0.274); background: rgba(0, 0, 0, 0.274);
margin: 5px; margin: 1px;
margin-left: 0;
margin-right: 0;
padding: 10px; padding: 10px;
} }
</style> </style>

17
src/components/app/Popouts/Popouts/ServerSettingsPanels/DropDownMenu.vue
View file

@ -107,9 +107,10 @@ export default {
cursor: pointer; cursor: pointer;
display: flex; display: flex;
transition: 0.3s; transition: 0.3s;
border-radius: 4px;
} }
.current-select-box:hover { .current-select-box:hover {
background: #02232b; background-color: rgba(0, 0, 0, 0.5);
} }
.current-select-box div { .current-select-box div {
align-self: center; align-self: center;
@ -128,13 +129,14 @@ export default {
.drop { .drop {
position: absolute; position: absolute;
background-color: #044050; background-color: rgba(0, 0, 0, 0.8);
left: 0; backdrop-filter: blur(5px);
right: 0; left: 10px;
right: 10px;
z-index: 11111; z-index: 11111;
overflow: hidden; overflow: hidden;
padding: 2px; padding: 2px;
margin-top: 5px; margin-top: -2px;
} }
.drop-container { .drop-container {
overflow: auto; overflow: auto;
@ -151,6 +153,7 @@ export default {
white-space: nowrap; white-space: nowrap;
display: flex; display: flex;
cursor: pointer; cursor: pointer;
font-size: 14px;;
} }
.item div { .item div {
align-self: center; align-self: center;
@ -160,10 +163,10 @@ export default {
} }
.item:hover { .item:hover {
background: #033442; background: rgba(255, 255, 255, 0.2);
} }
.item.selected { .item.selected {
background: #021c23; background: rgba(255, 255, 255, 0.25);
} }
.material-icons { .material-icons {
flex-shrink: 0; flex-shrink: 0;

7
src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue
View file

@ -192,8 +192,13 @@ export default {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
box-shadow: 0px 0px 20px 5px #151515bd; box-shadow: 0px 0px 20px 5px #151515bd;
background: linear-gradient(#0b4155, #01677e); background: linear-gradient(
to bottom,
rgba(0, 87, 153, 0.8) 0,
rgba(0, 118, 209, 0.8)
);
border-radius: 4px; border-radius: 4px;
backdrop-filter: blur(5px);
} }
.content { .content {

2
src/components/app/Popouts/Popouts/SettingsPanels/survey.vue
View file

@ -286,6 +286,7 @@ export default {
width: initial; width: initial;
margin-top: 2px; margin-top: 2px;
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
border-radius: 4px;
} }
textarea { textarea {
padding: 10px; padding: 10px;
@ -298,6 +299,7 @@ textarea {
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 2px; margin-top: 2px;
transition: 0.3s; transition: 0.3s;
border-radius: 4px;
} }
textarea:hover { textarea:hover {
background: rgba(0, 0, 0, 0.401); background: rgba(0, 0, 0, 0.401);