tidy up unfinished admin css
This commit is contained in:
parent
13a84f7f25
commit
14feb47640
4 changed files with 20 additions and 6 deletions
|
|
@ -107,7 +107,6 @@ nav .icon img {
|
||||||
.nav-item {
|
.nav-item {
|
||||||
width: auto;
|
width: auto;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 0 1em;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
color: var(--fg-2);
|
color: var(--fg-2);
|
||||||
|
|
@ -123,9 +122,13 @@ nav .icon img {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
nav a {
|
nav a {
|
||||||
|
padding: 0 1em;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
nav a.icon {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
nav #logout {
|
nav #logout {
|
||||||
/* margin-left: auto; */
|
/* margin-left: auto; */
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -25,12 +25,14 @@ input {
|
||||||
|
|
||||||
.mfa-device {
|
.mfa-device {
|
||||||
padding: .75em;
|
padding: .75em;
|
||||||
background: #f8f8f8f8;
|
|
||||||
border: 1px solid #808080;
|
|
||||||
border-radius: 8px;
|
|
||||||
margin-bottom: .5em;
|
margin-bottom: .5em;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
|
color: var(--fg-3);
|
||||||
|
background: var(--bg-2);
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
border-radius: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mfa-device div {
|
.mfa-device div {
|
||||||
|
|
|
||||||
|
|
@ -313,19 +313,28 @@ dialog div.dialog-actions {
|
||||||
gap: .2em;
|
gap: .2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.card.links a.button:hover {
|
||||||
|
color: var(--bg-3) !important;
|
||||||
|
background-color: var(--fg-3) !important;
|
||||||
|
}
|
||||||
|
|
||||||
.card.links a.button[data-name="spotify"] {
|
.card.links a.button[data-name="spotify"] {
|
||||||
|
color: #101010;
|
||||||
background-color: #8cff83
|
background-color: #8cff83
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.links a.button[data-name="apple music"] {
|
.card.links a.button[data-name="apple music"] {
|
||||||
|
color: #101010;
|
||||||
background-color: #8cd9ff
|
background-color: #8cd9ff
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.links a.button[data-name="soundcloud"] {
|
.card.links a.button[data-name="soundcloud"] {
|
||||||
|
color: #101010;
|
||||||
background-color: #fdaa6d
|
background-color: #fdaa6d
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.links a.button[data-name="youtube"] {
|
.card.links a.button[data-name="youtube"] {
|
||||||
|
color: #101010;
|
||||||
background-color: #ff6e6e
|
background-color: #ff6e6e
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -7,11 +7,11 @@
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: .5em;
|
gap: .5em;
|
||||||
color: var(--fg-3);
|
|
||||||
|
|
||||||
border-radius: 16px;
|
color: var(--fg-3);
|
||||||
background: var(--bg-2);
|
background: var(--bg-2);
|
||||||
box-shadow: var(--shadow-md);
|
box-shadow: var(--shadow-md);
|
||||||
|
border-radius: 16px;
|
||||||
|
|
||||||
transition: background .1s ease-out;
|
transition: background .1s ease-out;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue