71 lines
969 B
CSS
71 lines
969 B
CSS
|
app-nav {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-nav nav {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 1rem;
|
||
|
|
padding: 0.75rem 1.5rem;
|
||
|
|
background: #222;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-nav .nav-brand {
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 1.1rem;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-nav .nav-links {
|
||
|
|
display: flex;
|
||
|
|
gap: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-nav .nav-links a {
|
||
|
|
color: #ccc;
|
||
|
|
text-decoration: none;
|
||
|
|
font-size: 0.9rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-nav .nav-links a:hover {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-nav .nav-user {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 0.75rem;
|
||
|
|
margin-left: 1rem;
|
||
|
|
font-size: 0.85rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-nav .nav-user span {
|
||
|
|
color: #aaa;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-nav button {
|
||
|
|
padding: 0.3rem 0.75rem;
|
||
|
|
border: 1px solid #555;
|
||
|
|
background: transparent;
|
||
|
|
color: #ccc;
|
||
|
|
border-radius: 4px;
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 0.8rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-nav button:hover {
|
||
|
|
background: #333;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-nav .btn-delete {
|
||
|
|
border-color: #733;
|
||
|
|
color: #f99;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-nav .btn-delete:hover {
|
||
|
|
background: #500;
|
||
|
|
color: #fcc;
|
||
|
|
}
|