make button component; put submit button inline
This commit is contained in:
@@ -267,51 +267,9 @@ li.item {
|
||||
.menu-action > .icon {
|
||||
margin: 1rem 1rem;
|
||||
}
|
||||
button.button {
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
font-size: .875rem;
|
||||
text-transform: uppercase;
|
||||
padding: 0.75rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 64px;
|
||||
background-color: var(--white_light);
|
||||
border: 1px solid var(--black_light);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
button.button:hover {
|
||||
background-color: var(--white_darker);
|
||||
}
|
||||
|
||||
.header-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.color-selector-container {
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
width: fit-content;
|
||||
gap:3px;
|
||||
}
|
||||
.color-selector-container > .color {
|
||||
border-radius: 50%;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
.color-selector-container > .color.selected {
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
border-color: var(--black_light);
|
||||
}
|
||||
.color-selector-container > .color:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.color-selector-container > .color > input[type=radio] {
|
||||
visibility: hidden;
|
||||
}
|
||||
Reference in New Issue
Block a user