mirror of
https://github.com/karma-riuk/crab-webapp.git
synced 2025-07-05 06:08:13 +02:00
45 lines
571 B
CSS
45 lines
571 B
CSS
body {
|
|
font-family: sans-serif;
|
|
max-width: 50vw;
|
|
margin: 2em auto;
|
|
}
|
|
|
|
fieldset {
|
|
margin-bottom: 1.5em;
|
|
padding: 1em;
|
|
}
|
|
|
|
button {
|
|
padding: 0.5em 1em;
|
|
}
|
|
|
|
h1 {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
/* space between icon and text */
|
|
}
|
|
|
|
.crab-icon {
|
|
width: 40px;
|
|
/* adjust size as you like */
|
|
height: auto;
|
|
}
|
|
|
|
#progress-container {
|
|
display: none;
|
|
}
|
|
|
|
#progress-container div {
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
gap: .5em;
|
|
}
|
|
|
|
#progress-bar {
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
}
|
|
|