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

changed colors for more popouts.

Browse source
This commit is contained in:
supertiger1234 2020-02-06 11:49:05 +00:00
parent 3587d6e96e
commit 017b76e9c1
8 changed files with 55 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -119,14 +119,15 @@ export default {
.button {
padding: 10px;
background: #062c3a;
background: rgba(0, 0, 0, 0.2);
border-radius: 4px;
margin: auto;
transition: 0.3s;
user-select: none;
cursor: pointer;
}
.button:hover {
background: #041e27;
background: rgba(0, 0, 0, 0.5);
}
.bottom {

1
src/components/app/Popouts/Popouts/ServerSettingsPanels/DeleteServer.vue
View file

@ -50,6 +50,7 @@ export default {
margin-bottom: 10px;
}
.button {
border-radius: 4px;
padding: 10px;
background: rgba(255, 0, 0, 0.719);
margin: auto;

20
src/components/app/Popouts/Popouts/ServerSettingsPanels/General.vue
View file

@ -224,7 +224,8 @@ export default {
align-self: center;
margin-top: 10px;
justify-content: center;
background-color: #044050;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 4px;
flex-shrink: 0;
.avatar {
@ -237,6 +238,7 @@ export default {
margin-top: 35px;
}
.button {
background: rgba(0, 0, 0, 0.2);
margin-bottom: 16px;
}
}
@ -249,6 +251,9 @@ export default {
margin-top: 10px;
padding: 5px;
margin-left: 2px;
.button {
background: rgba(0, 0, 0, 0.2);
}
.banner-image {
position: relative;
width: 250px;
@ -292,7 +297,7 @@ export default {
.input {
display: flex;
flex-direction: column;
background-color: #044050;
background-color: rgba(0, 0, 0, 0.4);
padding: 10px;
align-self: center;
margin: 10px;
@ -302,9 +307,16 @@ export default {
margin-top: 2px;
margin-bottom: 0;
width: 190px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 4px;
}
.input-title {
font-size: 14px;
margin-left: 2px;
}
.button {
background: #033442;
background: rgba(0, 0, 0, 0.3);
border-radius: 4px;
padding: 10px;
align-self: center;
margin: 5px;
@ -313,7 +325,7 @@ export default {
transition: 0.3s;
}
.button:hover {
background: #022831;
background: rgba(0, 0, 0, 0.5);
}
.save-button {
margin-top: 10px;

4
src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageBans.vue
View file

@ -88,9 +88,8 @@ export default {
overflow: auto;
.member {
display: flex;
background: #052935;
background: rgba(0, 0, 0, 0.5);
height: 30px;
margin: 5px;
padding: 5px;
align-content: center;
align-items: center;
@ -122,6 +121,7 @@ export default {
user-select: none;
flex-shrink: 0;
margin-left: 5px;
font-weight: bold;
}
}
}

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

@ -212,10 +212,10 @@ export default {
align-self: center;
}
.channel:hover {
background: #04232d;
background: rgba(0, 0, 0, 0.2);
}
.channel.selected {
background: #03191f;
background: rgba(0, 0, 0, 0.4);
}
.add-channel-button {
background: rgba(17, 148, 255, 0.692);
@ -231,16 +231,17 @@ export default {
overflow: hidden;
}
.button {
background: #024554;
background: rgba(0, 0, 0, 0.2);
padding: 10px;
align-self: center;
margin: 5px;
cursor: pointer;
user-select: none;
transition: 0.3s;
border-radius: 4px;
}
.button:hover {
background: #02303c;
background: rgba(0, 0, 0, 0.4);
}
.button.warn {
background: rgba(255, 17, 17, 0.692);
@ -271,16 +272,22 @@ export default {
.input {
display: flex;
flex-direction: column;
background-color: #044050;
background-color: rgba(0, 0, 0, 0.4);
padding: 10px;
margin: 10px;
border-radius: 4px;
}
.input input {
width: initial;
margin-top: 2px;
margin-bottom: 0;
border-radius: 4px;
}
.input-title {
font-size: 14px;
margin-left: 2px;
}
.check-box {
display: flex;
margin: 5px;

14
src/components/app/Popouts/Popouts/ServerSettingsPanels/ManageRoles.vue
View file

@ -339,10 +339,10 @@ export default {
align-self: center;
}
.role:hover {
background: #04232d;
background: rgba(0, 0, 0, 0.2);
}
.role.selected {
background: #03191f;
background: rgba(0, 0, 0, 0.4);
}
.add-role-button {
background: rgba(17, 148, 255, 0.692);
@ -358,16 +358,17 @@ export default {
overflow: hidden;
}
.button {
background: #024554;
background: rgba(0, 0, 0, 0.4);
padding: 10px;
align-self: center;
margin: 5px;
cursor: pointer;
user-select: none;
transition: 0.3s;
border-radius: 4px;
}
.button:hover {
background: #02303c;
background: rgba(0, 0, 0, 0.6);
}
.button.warn {
background: rgba(255, 17, 17, 0.692);
@ -398,7 +399,8 @@ export default {
.input {
display: flex;
flex-direction: column;
background-color: #044050;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.4);
padding: 10px;
margin: 10px;
}
@ -407,6 +409,7 @@ export default {
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
margin-top: 0;
border-radius: 4px;
}
.role-name {
@ -420,6 +423,7 @@ export default {
background: rgb(255, 255, 255);
transition: 0.2s;
margin-top: 5px;
border-radius: 4px;
}
.color-picker {

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

@ -237,16 +237,16 @@ export default {
align-self: center;
}
.tab:hover {
background: #072935;
background: rgba(0, 0, 0, 0.4);
}
.critical {
color: red;
}
.tab.selected {
background: #051f28;
background: rgba(0, 0, 0, 0.4);
}
.header {
background: #05222d;
background: rgba(0, 0, 0, 0.4);
display: flex;
height: 50px;
flex-shrink: 0;

14
src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerVisibility.vue
View file

@ -206,7 +206,8 @@ export default {
}
.toggle {
background-color: #044050;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 4px;
padding: 10px;
margin-left: 10px;
display: flex;
@ -220,6 +221,7 @@ export default {
width: 20px;
height: 20px;
background: rgb(95, 95, 95);
border-radius: 4px;
margin-right: 5px;
&.selected {
background: rgb(34, 156, 255);
@ -233,7 +235,8 @@ export default {
}
.input {
background-color: #044050;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 4px;
padding: 10px;
margin: 10px;
align-self: flex-start;
@ -245,7 +248,7 @@ export default {
margin-bottom: 5px;
}
textarea {
background: #032d38;
background-color: rgba(0, 0, 0, 0.4);
resize: none;
outline: none;
margin-top: 2px;
@ -262,7 +265,8 @@ export default {
.button {
padding: 10px;
background: #024554;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: background 0.3s;
transition: 0.3s;
-webkit-user-select: none;
@ -276,7 +280,7 @@ export default {
}
.button:hover {
background: #02303c;
background-color: rgba(0, 0, 0, 0.6);
}
.button.disabled {
background: grey;