Compare commits
No commits in common. "4d0869ddf72f1a9fbb110fa41c34a4d559cb67ce" and "a872c70e93d539a37993a1fc5a241c3bc9928404" have entirely different histories.
4d0869ddf7
...
a872c70e93
1
.gitignore
vendored
1
.gitignore
vendored
@ -1 +0,0 @@
|
|||||||
__pycacahe__/*
|
|
@ -1,9 +1,9 @@
|
|||||||
:root {
|
:root {
|
||||||
--border-radus: 1rem;
|
--border-radus: 1rem;
|
||||||
--background: #F9F9F9;
|
--background: #EEE;
|
||||||
--header-background: #EEE;
|
--header-background: #DDD;
|
||||||
--header-height: 3rem;
|
--header-height: 3rem;
|
||||||
--input-bar-height: 3rem;
|
--input-bar-height: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
body{
|
||||||
@ -14,13 +14,14 @@ body{
|
|||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
|
max-width: 400px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 2rem 0.5rem;
|
padding: 1rem 0.5rem;
|
||||||
height: calc(100vh - var(--header-height) - var(--input-bar-height));
|
height: calc(100vh - 5rem);
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
@ -29,25 +30,22 @@ header {
|
|||||||
background-color: var(--header-background);
|
background-color: var(--header-background);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
padding: 1rem;
|
||||||
padding: 0 1rem;
|
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: var(--header-height);
|
height: var(header-height);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: var(--input-bar-height);
|
height: var(input-bar-height);
|
||||||
background-color: var(--background);
|
background-color: #FDD;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
gap: 1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.request {
|
.request {
|
||||||
@ -70,11 +68,3 @@ footer {
|
|||||||
align-self: center;
|
align-self: center;
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.textbox{
|
|
||||||
background-color: var(--header-background);
|
|
||||||
width: 80%;
|
|
||||||
height: 1rem;
|
|
||||||
padding: 0.2rem;
|
|
||||||
border-radius: 2rem;
|
|
||||||
}
|
|
Loading…
x
Reference in New Issue
Block a user