mirror of
https://github.com/mizanxali/uno-online
synced 2024-11-05 10:45:25 +00:00
Responsive website
This commit is contained in:
parent
018ac5fd44
commit
662a32581f
@ -9,7 +9,7 @@ a {
|
|||||||
/* Homepage */
|
/* Homepage */
|
||||||
.Homepage {
|
.Homepage {
|
||||||
background-image: url('./assets/Landing-Page.gif');
|
background-image: url('./assets/Landing-Page.gif');
|
||||||
background-size: cover;
|
background-size: 100vw 100vh;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
@ -385,3 +385,62 @@ a {
|
|||||||
.msg-receive:hover, .msg-send:hover{
|
.msg-receive:hover, .msg-send:hover{
|
||||||
opacity: .9;
|
opacity: .9;
|
||||||
}
|
}
|
||||||
|
/*media query*/
|
||||||
|
@media only screen and (max-width: 480px)
|
||||||
|
{
|
||||||
|
|
||||||
|
.homepage-form {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topInfo
|
||||||
|
{
|
||||||
|
flex-direction: column;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.topInfoText {
|
||||||
|
margin-top: 51px;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.topInfo>h1 {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.topInfo>img {
|
||||||
|
width: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.material-icons
|
||||||
|
{
|
||||||
|
font-size:16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.game-button{
|
||||||
|
font-size: 10px;
|
||||||
|
padding: 2px 9px 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.playerDeckText{
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.player1Deck
|
||||||
|
{
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Card
|
||||||
|
{
|
||||||
|
width: 2rem;
|
||||||
|
}
|
||||||
|
/*chat box */
|
||||||
|
.chat-box{
|
||||||
|
width: auto;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.chat-text{
|
||||||
|
width: 100%;
|
||||||
|
position: initial;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user