sendou.ink/app/components/layout/TopRightButtons.module.css

34 lines
559 B
CSS

.container {
display: flex;
gap: var(--s-3);
margin-left: auto;
}
.button {
display: grid;
place-items: center;
background-color: var(--color-bg);
width: var(--input-height-small);
height: var(--input-height-small);
padding: 0.25rem;
border: 2px solid var(--color-border);
border-radius: 50%;
color: inherit;
cursor: pointer;
}
.button:focus-visible {
outline: 2px solid var(--color-text-accent);
outline-offset: 1px;
}
.buttonIcon {
width: 1.15rem;
}
@media screen and (max-width: 640px) {
.container > .userItem {
display: none;
}
}