revil-O/platypush
1
0
Fork 0
forked from platypush/platypush
Code Pull requests Activity

[Samsung TV UI] Improved UI style.

Browse source
This commit is contained in:
Fabio Manganiello 2024-07-18 01:02:18 +02:00
parent 52f5ce2642
commit 4441461354
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
platypush/backend/http/webapp/src/components/panels/TvSamsungWs/Index.vue
View file

@ -8,8 +8,8 @@
</button> </button>
</div> </div>
<div class="col-4">&nbsp;</div> <div class="col-4">&nbsp;</div>
<div class="col-4"> <div class="col-4 pull-right">
<button @click="power" class="power pull-right" value="power" title="Power Off"> <button @click="power" class="power" value="power" title="Power Off">
<i class="fas fa-power-off" /> <i class="fas fa-power-off" />
</button> </button>
</div> </div>
@ -278,6 +278,7 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center;
justify-content: center; justify-content: center;
.controls { .controls {
@ -293,6 +294,11 @@ export default {
border-radius: 2em; border-radius: 2em;
box-shadow: 0 2px 9px 2px #bbb; box-shadow: 0 2px 9px 2px #bbb;
@include until($tablet) {
height: calc(100% - 1em);
margin: 0;
}
@include from($tablet) { @include from($tablet) {
justify-content: center; justify-content: center;
} }
@ -347,7 +353,10 @@ export default {
} }
.colors { .colors {
height: 4em;
text-align: center; text-align: center;
border: none;
margin-top: -1em;
.color { .color {
width: 3em; width: 3em;