Browse Source

Font variável no painel

Websocket_painel
AlGouvea 3 years ago
parent
commit
91403891e9
  1. 3
      frontend/src/__apps/painel/main.js
  2. 13
      sapl/templates/painel/index.html

3
frontend/src/__apps/painel/main.js

@ -63,7 +63,8 @@ const v = new Vue({ // eslint-disable-line
status_cronometro_consideracoes: '', status_cronometro_consideracoes: '',
status_cronometro_personalizado: '', status_cronometro_personalizado: '',
relogio: '', relogio: '',
fontSize: 20 fontSize: 20,
showFont: false
} }
}, },
methods: { methods: {

13
sapl/templates/painel/index.html

@ -34,9 +34,16 @@
</head> </head>
<body class="painel-principal" style="margin: 0;"> <body class="painel-principal" style="margin: 0;">
<div id="app-painel"> <!-- app painel --> <div id="app-painel"> <!-- app painel -->
<div style="color: white;" v-on:click="fontSize -= 1"><h3>-</h3></div> <button v-if="showFont == false" class="btn" @click="showFont = true" style="margin-top: 5px; margin-left: 5px;padding: 0; background-color: #4fa64d; color: white;">Aa</button>
<div style="color: white;"><h3>[[fontSize]]</h3></div> <div v-else class="row" style="color: white;">
<div style="color: white;" v-on:click="fontSize += 1"><h3>+</h3></div> <div class="col-md-1">
<div class="row d-flex" style="margin-left: 5px; margin-top: 5px;">
<button class="col-md-3 btn btn-danger" style="padding: 0; margin-right: 5px;" @click="showFont = false">x</button>
<button class="col-md-3 btn btn-info" style="padding: 0; margin-right: 5px;" @click="fontSize -= 1">-</button>
<button class="col-md-3 btn btn-info" style="padding: 0;" @click="fontSize += 1">+</button>
</div>
</div>
</div>
<audio type="hidden" id="audio" src="{% webpack_static 'audio/ring.mp3' %}"></audio> <audio type="hidden" id="audio" src="{% webpack_static 'audio/ring.mp3' %}"></audio>
<div class="row justify-content-center"> <div class="row justify-content-center">

Loading…
Cancel
Save