+
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';