diff --git a/app/lib/components/Room.jsx b/app/lib/components/Room.jsx index cf394ef..7a0bffe 100644 --- a/app/lib/components/Room.jsx +++ b/app/lib/components/Room.jsx @@ -82,6 +82,7 @@ class Room extends React.Component
+
diff --git a/app/stylus/components/Logo.styl b/app/stylus/components/Logo.styl new file mode 100644 index 0000000..b52cabc --- /dev/null +++ b/app/stylus/components/Logo.styl @@ -0,0 +1,19 @@ +[data-component='Logo'] { + position: absolute; + height: 4%; + width: 8%; + top: 1%; + left: 1%; + z-index: 20; + background-position: left; + background-size: 100%; + background-repeat: no-repeat; + +desktop() { + opacity: 1; + } + + +mobile() { + } + background-image: url('/resources/images/logo.svg'); + background-size: contain; +} diff --git a/app/stylus/components/Room.styl b/app/stylus/components/Room.styl index 46e9fd7..ceec356 100644 --- a/app/stylus/components/Room.styl +++ b/app/stylus/components/Room.styl @@ -19,15 +19,15 @@ background-color: rgba(#fff, 0.2); +desktop() { - top: 20px; - left: 20px; - width: 124px; + bottom: 1%; + left: 1%; + width: 10%; } +mobile() { - top: 10px; - left: 10px; - width: 110px; + bottom: 1%; + left: 1%; + width: 10%; } > .icon { @@ -152,14 +152,14 @@ } +desktop() { - top: 20px; - left: 20px; + top: 6%; + left:1%; border: 1px solid rgba(#fff, 0.15); } +mobile() { - top: 10px; - left: 10px; + top: 6%; + left: 1%; border: 1px solid rgba(#fff, 0.25); } } diff --git a/app/stylus/index.styl b/app/stylus/index.styl index ce004c2..8a05a2e 100644 --- a/app/stylus/index.styl +++ b/app/stylus/index.styl @@ -42,6 +42,7 @@ body { // Components @import './components/Room'; +@import './components/Logo'; @import './components/Sidebar'; @import './components/Me'; @import './components/Peers';