From 92d2d4553dce8fe6b3c9497bb99928aff48840ab Mon Sep 17 00:00:00 2001 From: Saulo Costa Date: Thu, 20 Apr 2023 08:46:00 -0300 Subject: [PATCH] =?UTF-8?q?:fire:=20corre=C3=A7=C3=A3o=20no=20css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 +- src/index.js | 2 +- src/view/css/main.min.css | 2 +- src/view/css/main.min.css.map | 2 +- src/view/scss/home.scss | 4 ++-- 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index fdec6cb..e7ec431 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "sc-imagen-on-second-screen", - "version": "3.0.0", + "version": "3.1.0", "description": "App para exibir imagens numa segunda dela. => App to display images on second screen", "main": "src/index.js", "icon": "./build/icon.png", diff --git a/src/index.js b/src/index.js index e586828..dcd7cd8 100644 --- a/src/index.js +++ b/src/index.js @@ -11,7 +11,7 @@ const createWindow = () => { width: 360, minWidth: 360, maxWidth: 360, - height: 500, + height: 520, frame: false, autoHideMenuBar: true, webPreferences: { diff --git a/src/view/css/main.min.css b/src/view/css/main.min.css index 514ed11..0f7a617 100644 --- a/src/view/css/main.min.css +++ b/src/view/css/main.min.css @@ -1 +1 @@ -*{padding:0;margin:0;box-sizing:border-box}section#home{min-height:100vh;width:100vw;font-family:"Courier New",Courier,monospace;color:#fff;background-color:#383838;display:flex;flex-direction:column;align-items:center;justify-content:center}section#home #app_control{height:25px;width:100%;background-color:#161616;display:flex;align-items:center;justify-content:space-between;padding:5px;z-index:2}section#home #app_control #window_title{-webkit-app-region:drag;width:100%}section#home #app_control #window_control{height:16px;width:75px;display:flex;align-items:center;justify-content:space-between}section#home #app_control #window_control div{height:18px;width:18px;border-radius:50%}section#home #app_control #window_control #min{background-color:#ffff6b}section#home #app_control #window_control #max{background-color:#6060ff}section#home #app_control #window_control #clo{background-color:#f66}section#home .controls_1{width:100%;border-radius:4px;margin-bottom:3px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;padding-top:8px}section#home .controls_1 #add_img{height:40px;min-width:100px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:5px;background:linear-gradient(225deg, #2f2f2f, #383838);box-shadow:-7px 7px 14px #232323,7px -7px 14px #454545}section#home .controls_1 #drop{height:40px;min-width:100px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:linear-gradient(225deg, #2f2f2f, #383838);box-shadow:-7px 7px 14px #232323,7px -7px 14px #454545}section#home #midias_list{width:100%;height:calc(100vh - 40px - 20px);overflow:scroll;border-radius:4px;padding:0 20px}section#home #midias_list .item{background-color:#4b4b4b;margin-top:20px;border-radius:4px;padding:10px 0;display:flex;flex-direction:column;align-content:center;justify-content:center;border-radius:10px;background:linear-gradient(45deg, #323232, #3c3c3c);box-shadow:3px -3px 18px #161616,-3px 3px 18px #5a5a5a}section#home #midias_list .item .nome{font-size:12px;text-align:center}section#home #midias_list .item .divisor{height:3px;width:100%;background-color:#1f1f1f;margin-bottom:3px}section#home #midias_list .item .wrap{display:flex;align-items:center;justify-content:space-around;padding:0 3px}section#home #midias_list .item .wrap .img{display:flex;flex-direction:column;align-items:center;justify-content:center}section#home #midias_list .item .wrap .img img{border:1px solid #707070;border-radius:4px;width:150px;object-fit:cover;aspect-ratio:16/9}section#home #midias_list .item .wrap .controls{display:flex;flex-direction:row;align-items:center;justify-content:space-around;padding:5px 0;width:150px}section#home #midias_list .item .wrap .controls .play_deletar{height:50px;width:50px;color:#fff;cursor:pointer;display:flex;align-content:center;justify-content:center;border-radius:50%;background-color:#639;background:linear-gradient(45deg, #323232, #3c3c3c);box-shadow:3px -3px 18px #161616,-3px 3px 18px #5a5a5a;text-align:center}section#home #midias_list .item .wrap .controls .play_deletar svg{color:#fff;height:100%;transition:all .2s ease-in;height:100%}section#second{-webkit-app-region:drag;background-color:#1d1d1d;height:100vh;width:100%;overflow:hidden;display:flex;justify-content:center}section#second #second_img{height:100vh;object-fit:cover}::-webkit-scrollbar{width:0px;height:0px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#424242;border:0px none #fff;border-radius:54px}::-webkit-scrollbar-thumb:hover{background:#303030}::-webkit-scrollbar-thumb:active{background:#303030}::-webkit-scrollbar-track{background:#303030;border:33px solid #fff;border-radius:8px}::-webkit-scrollbar-track:hover{background:#303030}::-webkit-scrollbar-track:active{background:#303030}::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}/*# sourceMappingURL=main.min.css.map */ +*{padding:0;margin:0;box-sizing:border-box}section#home{min-height:100vh;width:100vw;font-family:"Courier New",Courier,monospace;color:#fff;background-color:#383838;display:flex;flex-direction:column;align-items:center;justify-content:center}section#home #app_control{width:100%;background-color:#161616;display:flex;align-items:center;justify-content:space-between;padding:5px;z-index:2}section#home #app_control #window_title{-webkit-app-region:drag;width:100%}section#home #app_control #window_control{height:16px;width:75px;display:flex;align-items:center;justify-content:space-between}section#home #app_control #window_control div{height:18px;width:18px;border-radius:50%}section#home #app_control #window_control #min{background-color:#ffff6b}section#home #app_control #window_control #max{background-color:#6060ff}section#home #app_control #window_control #clo{background-color:#f66}section#home .controls_1{width:100%;border-radius:4px;margin-bottom:3px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;padding-top:8px}section#home .controls_1 #add_img{height:40px;min-width:100px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:5px;background:linear-gradient(225deg, #2f2f2f, #383838);box-shadow:-7px 7px 14px #232323,7px -7px 14px #454545}section#home .controls_1 #drop{height:40px;min-width:100px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:linear-gradient(225deg, #2f2f2f, #383838);box-shadow:-7px 7px 14px #232323,7px -7px 14px #454545}section#home #midias_list{width:100%;height:calc(100vh - 40px - 20px - 16px - 3px);overflow:scroll;border-radius:4px;padding:0 20px}section#home #midias_list .item{background-color:#4b4b4b;margin-top:20px;border-radius:4px;padding:10px 0;display:flex;flex-direction:column;align-content:center;justify-content:center;border-radius:10px;background:linear-gradient(45deg, #323232, #3c3c3c);box-shadow:3px -3px 18px #161616,-3px 3px 18px #5a5a5a}section#home #midias_list .item .nome{font-size:12px;text-align:center}section#home #midias_list .item .divisor{height:3px;width:100%;background-color:#1f1f1f;margin-bottom:3px}section#home #midias_list .item .wrap{display:flex;align-items:center;justify-content:space-around;padding:0 3px}section#home #midias_list .item .wrap .img{display:flex;flex-direction:column;align-items:center;justify-content:center}section#home #midias_list .item .wrap .img img{border:1px solid #707070;border-radius:4px;width:150px;object-fit:cover;aspect-ratio:16/9}section#home #midias_list .item .wrap .controls{display:flex;flex-direction:row;align-items:center;justify-content:space-around;padding:5px 0;width:150px}section#home #midias_list .item .wrap .controls .play_deletar{height:50px;width:50px;color:#fff;cursor:pointer;display:flex;align-content:center;justify-content:center;border-radius:50%;background-color:#639;background:linear-gradient(45deg, #323232, #3c3c3c);box-shadow:3px -3px 18px #161616,-3px 3px 18px #5a5a5a;text-align:center}section#home #midias_list .item .wrap .controls .play_deletar svg{color:#fff;height:100%;transition:all .2s ease-in;height:100%}section#second{-webkit-app-region:drag;background-color:#1d1d1d;height:100vh;width:100%;overflow:hidden;display:flex;justify-content:center}section#second #second_img{height:100vh;object-fit:cover}::-webkit-scrollbar{width:0px;height:0px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#424242;border:0px none #fff;border-radius:54px}::-webkit-scrollbar-thumb:hover{background:#303030}::-webkit-scrollbar-thumb:active{background:#303030}::-webkit-scrollbar-track{background:#303030;border:33px solid #fff;border-radius:8px}::-webkit-scrollbar-track:hover{background:#303030}::-webkit-scrollbar-track:active{background:#303030}::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}/*# sourceMappingURL=main.min.css.map */ diff --git a/src/view/css/main.min.css.map b/src/view/css/main.min.css.map index d0a010e..5561240 100644 --- a/src/view/css/main.min.css.map +++ b/src/view/css/main.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/reset.scss","../scss/home.scss","../scss/second.scss","../scss/scroll.scss"],"names":[],"mappings":"AAAA,EACI,UACA,SACA,sBCHJ,aACI,iBACA,YACA,4CACA,WACA,yBAEA,aACA,sBACA,mBACA,uBAGA,0BACI,YACA,WACA,yBAEA,aACA,mBACA,8BACA,YAEA,UAEA,wCACI,wBACA,WAGJ,0CACI,YACA,WAEA,aACA,mBACA,8BAEA,8CACI,YACA,WACA,kBAGJ,+CACI,yBAGJ,+CACI,yBAGJ,+CACI,sBAKZ,yBAEI,WACA,kBACA,kBAEA,aACA,mBACA,mBACA,6BAGA,gBAEA,kCACI,YACA,gBACA,eAEA,aACA,mBACA,uBAEA,kBACA,qDACA,uDAIJ,+BACI,YACA,gBAEA,aACA,mBACA,uBAEA,kBACA,qDACA,uDAKR,0BACI,WACA,iCACA,gBACA,kBACA,eAEA,gCACI,yBACA,gBACA,kBACA,eAEA,aACA,sBACA,qBACA,uBAEA,mBACA,oDACA,uDAEA,sCACI,eACA,kBAGJ,yCACI,WACA,WACA,yBACA,kBAGJ,sCACI,aACA,mBACA,6BACA,cAEA,2CACI,aACA,sBACA,mBACA,uBAEA,+CACI,yBACA,kBACA,YAEA,iBACA,kBAIR,gDACI,aACA,mBACA,mBACA,6BACA,cACA,YAEA,8DACI,YACA,WACA,WACA,eAEA,aAEA,qBACA,uBAEA,kBACA,sBACA,oDACA,uDAEA,kBAEA,kEACI,WACA,YACA,2BACA,YC5L5B,eACI,wBACA,yBACA,aACA,WACA,gBACA,aACA,uBAEA,2BACI,aAEA,iBCXR,oBACI,UACA,WAGJ,2BACI,UACA,WAGJ,0BACI,mBACA,qBACA,mBAGJ,gCACI,mBAGJ,iCACI,mBAGJ,0BACI,mBACA,uBACA,kBAGJ,gCACI,mBAGJ,iCACI,mBAGJ,2BACI","file":"main.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/reset.scss","../scss/home.scss","../scss/second.scss","../scss/scroll.scss"],"names":[],"mappings":"AAAA,EACI,UACA,SACA,sBCHJ,aACI,iBACA,YACA,4CACA,WACA,yBAEA,aACA,sBACA,mBACA,uBAGA,0BAEI,WACA,yBAEA,aACA,mBACA,8BACA,YAEA,UAEA,wCACI,wBACA,WAGJ,0CACI,YACA,WAEA,aACA,mBACA,8BAEA,8CACI,YACA,WACA,kBAGJ,+CACI,yBAGJ,+CACI,yBAGJ,+CACI,sBAKZ,yBAEI,WACA,kBACA,kBAEA,aACA,mBACA,mBACA,6BAGA,gBAEA,kCACI,YACA,gBACA,eAEA,aACA,mBACA,uBAEA,kBACA,qDACA,uDAIJ,+BACI,YACA,gBAEA,aACA,mBACA,uBAEA,kBACA,qDACA,uDAKR,0BACI,WACA,8CACA,gBACA,kBACA,eAEA,gCACI,yBACA,gBACA,kBACA,eAEA,aACA,sBACA,qBACA,uBAEA,mBACA,oDACA,uDAEA,sCACI,eACA,kBAGJ,yCACI,WACA,WACA,yBACA,kBAGJ,sCACI,aACA,mBACA,6BACA,cAEA,2CACI,aACA,sBACA,mBACA,uBAEA,+CACI,yBACA,kBACA,YAEA,iBACA,kBAIR,gDACI,aACA,mBACA,mBACA,6BACA,cACA,YAEA,8DACI,YACA,WACA,WACA,eAEA,aAEA,qBACA,uBAEA,kBACA,sBACA,oDACA,uDAEA,kBAEA,kEACI,WACA,YACA,2BACA,YC5L5B,eACI,wBACA,yBACA,aACA,WACA,gBACA,aACA,uBAEA,2BACI,aAEA,iBCXR,oBACI,UACA,WAGJ,2BACI,UACA,WAGJ,0BACI,mBACA,qBACA,mBAGJ,gCACI,mBAGJ,iCACI,mBAGJ,0BACI,mBACA,uBACA,kBAGJ,gCACI,mBAGJ,iCACI,mBAGJ,2BACI","file":"main.min.css"} \ No newline at end of file diff --git a/src/view/scss/home.scss b/src/view/scss/home.scss index 7c88dab..11a6247 100644 --- a/src/view/scss/home.scss +++ b/src/view/scss/home.scss @@ -12,7 +12,7 @@ section#home { // padding: 3px; #app_control { - height: 25px; + // height: 25px; width: 100%; background-color: #161616; @@ -102,7 +102,7 @@ section#home { #midias_list { width: 100%; - height: calc(100vh - 40px - 20px); + height: calc(100vh - 40px - 20px - 16px - 3px); overflow: scroll; border-radius: 4px; padding: 0 20px;