some changes made to the new design

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

View file

@ -101,8 +101,13 @@ export default {
color: white;
overflow: hidden;
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;
backdrop-filter: blur(5px);
}
.top {
display: flex;
@ -143,7 +148,9 @@ export default {
.invite {
display: flex;
background: rgba(0, 0, 0, 0.274);
margin: 5px;
margin: 1px;
margin-left: 0;
margin-right: 0;
padding: 10px;
}
</style>

View file

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

View file

@ -192,8 +192,13 @@ export default {
position: relative;
overflow: hidden;
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;
backdrop-filter: blur(5px);
}
.content {

View file

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