Small UI improvements for xCloud

Enabled random backgrounds on authentication view
unknownskl · Sep 13, 2021 · d1b2474 · d1b2474
1 parent 84ebea9
commit d1b2474
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/src/assets/css/app.css b/src/assets/css/app.css
@@ -370,6 +370,7 @@ body {
 #xCloudGames {
     display: flex;
     flex-wrap: wrap;
+    padding-bottom: 40px;
 }
 
 #xCloudContent {
@@ -384,7 +385,7 @@ body {
 #xCloudGames div.titleWrap {
     width: 25%;
     padding-top: 40px;
-    padding-bottom: 40px;
+    /* padding-bottom: 40px; */
 }
 
 #xCloudGames div.titleItem {
@@ -400,8 +401,8 @@ body {
     padding-bottom: 5px;
     font-size: 14px;
     opacity: 0.7;
-    top: 8px;
-    left: 8px;
+    top: 5px;
+    left: 5px;
 }
 
 #xCloudGames img.titleImage {
@@ -630,8 +631,8 @@ button.btn {
 }
 
 button.btn-small {
-    height: 30px;
-    padding-top: 4px;
+    height: 24px;
+    padding-top: 0px;
     min-width: 20px;
 }
 

diff --git a/src/frontend/application.ts b/src/frontend/application.ts
@@ -50,9 +50,9 @@ export default class Application {
             if(event.view === 'auth'){
                 const backgrounds = [
                     'linear-gradient(0deg, rgba(26,27,30,1) 0%, rgba(26,27,30,1) 50%, rgba(0,212,255,0) 100%), url(\'assets/images/background_1.jpg\')',
-                    // 'linear-gradient(0deg, rgba(26,27,30,1) 0%, rgba(26,27,30,1) 50%, rgba(0,212,255,0) 100%), url(\'assets/images/background_2.jpg\')',
-                    // 'linear-gradient(0deg, rgba(26,27,30,1) 0%, rgba(26,27,30,1) 50%, rgba(0,212,255,0) 100%), url(\'assets/images/background_3.jpg\')',
-                    // 'linear-gradient(0deg, rgba(26,27,30,1) 0%, rgba(26,27,30,1) 50%, rgba(0,212,255,0) 100%), url(\'assets/images/background_4.jpg\')',
+                    'linear-gradient(0deg, rgba(26,27,30,1) 0%, rgba(26,27,30,1) 50%, rgba(0,212,255,0) 100%), url(\'assets/images/background_2.jpg\')',
+                    'linear-gradient(0deg, rgba(26,27,30,1) 0%, rgba(26,27,30,1) 50%, rgba(0,212,255,0) 100%), url(\'assets/images/background_3.jpg\')',
+                    'linear-gradient(0deg, rgba(26,27,30,1) 0%, rgba(26,27,30,1) 50%, rgba(0,212,255,0) 100%), url(\'assets/images/background_4.jpg\')',
                 ]
 
                 const authView = (<HTMLInputElement>document.getElementById('authView'))

diff --git a/src/frontend/xcloudview.ts b/src/frontend/xcloudview.ts
@@ -176,7 +176,7 @@ export default class xCloudView {
                 renderHtml += '<div class="titleWrap"><div class="titleItem">'
                 renderHtml += ' <img class="titleImage" src="'+this._titles[title].image+'" />'
                 renderHtml += ' <span class="titleName">'+this._titles[title].name+'</span>'
-                renderHtml += ' <button class="btn btn-primary btn-small btn-xcloud-start" id="xcloud_stream_'+this._titles[title].titleId+'">Play!</button>'
+                renderHtml += ' <button class="btn btn-primary btn-small btn-xcloud-start" id="xcloud_stream_'+this._titles[title].titleId+'">Play</button>'
                 renderHtml += '<br style="clear: both;"></div></div>'
 
                 renderTitles.push(this._titles[title].titleId)