update css units and move styles to sheet
This commit is contained in:
parent
262cf40f44
commit
1ffac9658d
|
@ -1,7 +1,7 @@
|
|||
.content {
|
||||
background-color: lightyellow;
|
||||
border: 5px solid #ffd700;
|
||||
border-radius: 15px;
|
||||
border-radius: 1rem;
|
||||
grid-area: content;
|
||||
padding: 1.5rem;
|
||||
overflow-y: scroll;
|
||||
|
@ -26,7 +26,7 @@
|
|||
}
|
||||
|
||||
.flex-container > input {
|
||||
margin: 5px;
|
||||
margin: 0.3rem;
|
||||
}
|
||||
|
||||
.grid-container {
|
||||
|
@ -38,10 +38,10 @@
|
|||
'peers'
|
||||
'posts'
|
||||
'content';
|
||||
grid-gap: 10px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
padding-top: 5px;
|
||||
grid-gap: 0.5rem;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
padding-top: 0.2rem;
|
||||
overflow: hidden;
|
||||
height: 85vh;
|
||||
}
|
||||
|
@ -58,13 +58,13 @@
|
|||
}
|
||||
|
||||
.icon {
|
||||
margin-left: 20px;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.nav {
|
||||
background-color: lightgreen;
|
||||
border: 5px solid #19a974;
|
||||
border-radius: 15px;
|
||||
border-radius: 1rem;
|
||||
grid-area: nav;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
@ -72,7 +72,7 @@
|
|||
.peers {
|
||||
background-color: lightblue;
|
||||
border: 5px solid #357edd;
|
||||
border-radius: 15px;
|
||||
border-radius: 1rem;
|
||||
grid-area: peers;
|
||||
text-align: left;
|
||||
}
|
||||
|
@ -87,17 +87,19 @@
|
|||
|
||||
.peers > ul > li > a > p {
|
||||
margin: 0;
|
||||
font-weight: bold;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.post > ul {
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.posts {
|
||||
background-color: bisque;
|
||||
border: 5px solid #ff6300;
|
||||
border-radius: 15px;
|
||||
border-radius: 1rem;
|
||||
grid-area: posts;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
@ -130,15 +132,15 @@ code {
|
|||
|
||||
form {
|
||||
margin-left: auto;
|
||||
margin-right: 10px;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-left: 15px;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 55px;
|
||||
width: 3rem;
|
||||
}
|
||||
|
||||
li {
|
||||
|
|
|
@ -10,9 +10,7 @@
|
|||
{{ peer.0.public_key }}
|
||||
{% endif %}
|
||||
</code>
|
||||
<p style="font-weight: bold; padding-right: 1rem;">
|
||||
{% if peer.1 != "0" %}{{ peer.1 }}{% endif %}
|
||||
</p>
|
||||
<p>{% if peer.1 != "0" %}{{ peer.1 }}{% endif %}</p>
|
||||
</a>
|
||||
</li>
|
||||
{%- endfor %}
|
||||
|
|
Loading…
Reference in New Issue