From bec25b3ab4bb6f952a9ee553b22a4b912d97251a Mon Sep 17 00:00:00 2001 From: Metin Seylan Date: Tue, 10 May 2016 00:39:16 +0300 Subject: [PATCH] example update --- example/index.html | 5 ++++- example/style.css | 49 +++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 52 insertions(+), 2 deletions(-) diff --git a/example/index.html b/example/index.html index 8f19058..791735a 100644 --- a/example/index.html +++ b/example/index.html @@ -13,14 +13,17 @@ -
+

Vue-Socket.io

+
+
+ Github
diff --git a/example/style.css b/example/style.css index c8919cd..9d05946 100644 --- a/example/style.css +++ b/example/style.css @@ -9,7 +9,6 @@ body { .container { max-width: 700px; - margin-top: 5%; box-shadow: 0 2px 3px rgba(0, 0, 0, .05); background-color: #fff; border: 1px solid #eee; @@ -83,4 +82,52 @@ body { .chat .input { position: absolute; bottom: 0; +} + +@media screen and (max-width: 768px) { + body, html { + position: relative; + width: 100%; + height: 100%; + } + + #join .btn { + display: block; + width: 100%; + } + + .container { + position: absolute; + width: 100%; + height: 89%; + } + + h1 { + margin: 4% 0; + } + + .users { + display: none; + } + + .chat { + float: none; + padding: 0; + height: 100%; + width: 100%; + position: absolute; + } + + .chat .messages { + height: 90%; + } + + .chat .messages ul { + height: 100%; + } + + #group { + height: 100%; + position: relative; + } } \ No newline at end of file