mirror of
https://github.com/ordinary-dev/phoenix
synced 2024-09-20 03:40:29 +05:00
51 lines
582 B
CSS
51 lines
582 B
CSS
|
body {
|
||
|
padding: 2em 1em;
|
||
|
}
|
||
|
|
||
|
.row {
|
||
|
display: flex;
|
||
|
gap: 10px;
|
||
|
margin-top: 1em;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
.innerForm {
|
||
|
display: flex;
|
||
|
gap: 10px;
|
||
|
min-width: 0;
|
||
|
flex-grow: 1;
|
||
|
}
|
||
|
|
||
|
.row:last-child {
|
||
|
padding-bottom: 4em;
|
||
|
}
|
||
|
|
||
|
h2 {
|
||
|
font-size: 20px;
|
||
|
margin-top: 3em;
|
||
|
margin-bottom: 10px;
|
||
|
}
|
||
|
|
||
|
input {
|
||
|
min-width: 0;
|
||
|
flex-grow: 1;
|
||
|
}
|
||
|
|
||
|
.link-name {
|
||
|
width: 130px;
|
||
|
flex-grow: 0;
|
||
|
}
|
||
|
|
||
|
.link-href {
|
||
|
flex-grow: 1;
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 600px) {
|
||
|
body {
|
||
|
padding: 2em 10em;
|
||
|
}
|
||
|
.row {
|
||
|
max-width: 500px;
|
||
|
}
|
||
|
}
|