diff --git a/app/components/client/playground-scripts.js b/app/components/client/playground-scripts.js index 044cd4e..6173481 100644 --- a/app/components/client/playground-scripts.js +++ b/app/components/client/playground-scripts.js @@ -199,8 +199,7 @@ function getMemeInfo() { // TODO: Error handling function playgroundResponseForExample1(source) { return ` - 

-# With the LBRY app/daemon running locally, you can use this in your Terminal
+    
# With the LBRY app/daemon running locally, you can use this in your Terminal
 curl --header "Content-Type: application/json" --data '{ "method": "resolve", "params": { "uri": "${source}" }}' http://localhost:5279    
 

 
@@ -211,10 +210,9 @@ curl --header "Content-Type: application/json"
 
 function playgroundResponseForExample2(source) {
   return `
-    

-# With the LBRY app/daemon running locally, you can use this in your Terminal
+    
# With the LBRY app/daemon running locally, you can use this in your Terminal
 curl --header "Content-Type: application/json" --data '{ "method": "publish", "params": { "name": "${source.name}", "file_path": "ABSOLUTE_PATH_TO_MEDIA_ON_YOUR_COMPUTER", "bid": "0.001", "metadata": { "description": "${source.description}", "title": "${source.title}", "language": "${source.language}", "license": "${source.license}", "nsfw": ${source.nsfw} }}}' http://localhost:5279    
-    

+

 
     

     

@@ -225,10 +223,9 @@ function playgroundResponseForExample3(source) {
   document.querySelector("[data-action='execute claim']").disabled = true;
 
   return `
-    

-# With the LBRY app/daemon running locally, you can use this in your Terminal
+    
# With the LBRY app/daemon running locally, you can use this in your Terminal
 curl --header "Content-Type: application/json" --data '{ "method": "claim_tip", "params": { "amount": "0.001", "claim_id": "${source}" }}' http://localhost:5279    
-    

+

 
     

     

diff --git a/app/components/head.js b/app/components/head.js
index 65a9d4f..ca0c67b 100644
--- a/app/components/head.js
+++ b/app/components/head.js
@@ -66,6 +66,8 @@ export default (state, emit) => {
     
     
     
+    
+    
     
 
     
diff --git a/app/sass/_layout.scss b/app/sass/_layout.scss
index 21b8590..e7ab803 100644
--- a/app/sass/_layout.scss
+++ b/app/sass/_layout.scss
@@ -8,6 +8,7 @@ body {
 
 html {
   background-color: $lbry-white;
+  font-size: 1rem;
 }
 
 body {
diff --git a/app/sass/pages/_playground.scss b/app/sass/pages/_playground.scss
index e4e3b61..67a52d9 100644
--- a/app/sass/pages/_playground.scss
+++ b/app/sass/pages/_playground.scss
@@ -222,124 +222,7 @@
 .playground-content__meme__editor {
   width: 50%; min-height: 50vh;
   float: right;
-
-  h2 {
-    margin-bottom: 1rem;
-
-    &.__metadata {
-      padding-top: 3rem;
-    }
-  }
-
-  fieldset {
-    border: none;
-
-    &:not(:last-of-type) {
-      margin-bottom: 1rem;
-    }
-  }
-
-  label {
-    width: 100%;
-
-    color: $lbry-gray-2;
-    display: block;
-    font-size: 0.8rem;
-    font-weight: 600;
-    letter-spacing: 0.05rem;
-    margin-bottom: 0.025rem;
-    text-transform: uppercase;
-  }
-
-  input:not([type="checkbox"]):not([type="submit"]),
-  select,
-  textarea {
-    @media (min-width: 901px) {
-      font-size: 1.25rem;
-    }
-
-    @media (max-width: 900px) {
-      font-size: 1.05rem;
-    }
-  }
-
-  input {
-    &:not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
-      width: 100%;
-
-      border-bottom: 2px solid;
-      padding-bottom: 0.15rem;
-      transition: all 0.2s;
-    }
-
-    &:not([type="file"]):not([type="submit"]) {
-      &:not(:hover):not(:active) {
-        border-color: $lbry-black;
-      }
-
-      &:hover,
-      &:active {
-        border-color: $lbry-teal-3;
-      }
-    }
-
-    &[type="checkbox"] {
-      width: 1.25rem; height: 1.25rem;
-      top: 0.35rem;
-
-      border: 2px solid;
-      margin-right: 0.5rem;
-      position: relative;
-
-      &::after {
-        width: 100%; height: 100%;
-
-        content: "✓";
-        font-size: 1.3rem;
-        line-height: 1rem;
-        position: absolute;
-      }
-
-      &:not(:checked)::after {
-        color: transparent;
-      }
-
-      &:checked::after {
-        color: $lbry-teal-3;
-      }
-    }
-  }
-
-  select,
-  textarea {
-    width: 100%;
-    border-top: none;
-    border-right: none;
-    border-bottom: 2px solid;
-    border-left: none;
-
-    &:not(:hover):not(:active) {
-      border-color: $lbry-black;
-    }
-
-    &:hover,
-    &:active {
-      border-color: $lbry-teal-3;
-    }
-  }
-
-  select {
-    background-image: url("/assets/media/svg/down.svg");
-    background-position: 99% center;
-    background-repeat: no-repeat;
-    background-size: 1rem;
-    padding-right: 2rem;
-  }
-
-  textarea {
-    min-height: 100px;
-    resize: vertical;
-  }
+  font-size: 1rem;
 }
 
 .playground-content__trends {
diff --git a/app/sockets.js b/app/sockets.js
index f246d76..6654f2a 100644
--- a/app/sockets.js
+++ b/app/sockets.js
@@ -245,66 +245,72 @@ function generateMemeCreator(socket) {
     
 
     

-      
Image Text

-
       

-        
-        
+        Image Text
+
+        
+          
+          
+        
+
+        
+          
+          
+        
       

 
       

-        
-        
-      

+        Metadata
 
-      
Metadata

+        
+          
+          
+        
 
-      

-        
-        
-      

+        
+          
+          
+        
 
-      

-        
-        
-      

+        
+          
+          
+        
 
-      

-        
-        
-      

+        
+          
+          
+        
 
-      

-        
-        
-      

+        
+          
+            
+            
+            
+          
 
-      

-        
-      

-
-      

-        
+          
+        
       

     
   `;
diff --git a/package.json b/package.json
index 1e11efe..dd6e952 100755
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "@babel/polyfill": "^7.2.5",
     "@inc/fastify-ws": "^1.1.0",
-    "@octokit/rest": "^16.13.4",
+    "@octokit/rest": "^16.15.0",
     "@slack/client": "^4.8.0",
     "async": "^2.6.1",
     "async-es": "^2.6.1",
@@ -64,17 +64,17 @@
     "@inc/eslint-config": "^1.1.2",
     "@inc/sasslint-config": "^1.1.3",
     "@lbry/color": "^1.1.0",
-    "@lbry/components": "^1.9.0",
-    "eslint": "^5.12.1",
+    "@lbry/components": "^2.0.1",
+    "eslint": "^5.13.0",
     "husky": "^1.3.1",
     "nodemon": "^1.18.9",
     "npm-run-all": "^4.1.5",
     "pino-pretty": "^2.5.0",
-    "sass": "^1.16.1",
+    "sass": "^1.17.0",
     "sass-lint": "^1.12.1",
     "snazzy": "^8.0.0",
     "standardx": "^3.0.1",
-    "updates": "^6.2.1"
+    "updates": "^7.0.0"
   },
   "engines": {
     "node": "10.2.x"