more mobile friendly
This commit is contained in:
parent
759574017d
commit
98d89ca81c
1 changed files with 99 additions and 97 deletions
|
@ -3,14 +3,13 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
max-width: 90vw;
|
||||
}
|
||||
|
||||
#interverse-details{
|
||||
font-size:1.5rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
max-width: 100%;
|
||||
}
|
||||
#interverse-details>*{
|
||||
margin:1rem;
|
||||
|
@ -24,6 +23,7 @@
|
|||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
max-width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
#interverse-resource-groups>*{
|
||||
margin:1rem;
|
||||
|
@ -42,6 +42,7 @@ max-width: 5rem;
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
max-width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
#interverse-resources>*{
|
||||
margin:1rem;
|
||||
|
@ -55,13 +56,13 @@ max-width: 5rem;
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
max-width: 100%;
|
||||
|
||||
}
|
||||
.interverse-connection-group{
|
||||
display:flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
#interverse-connections{
|
||||
display: flex;
|
||||
|
@ -79,8 +80,9 @@ max-width: 5rem;
|
|||
}
|
||||
.interverse-connection-preview{
|
||||
|
||||
animation: glow 1s alternate;
|
||||
animation: glow 2s alternate;
|
||||
animation-iteration-count: infinite;
|
||||
border-radius:1.5rem;
|
||||
}
|
||||
.interverse-connection-preview,.interverse-connection{
|
||||
display:flex;
|
||||
|
|
Loading…
Reference in a new issue