Web UI: Avoid some router properties to overflow their container

This commit is contained in:
Matthieu Hostache 2019-11-23 23:18:04 +01:00 committed by Traefiker Bot
parent abdb3b9475
commit 00db3a0922

View file

@ -27,7 +27,7 @@
<div class="text-subtitle2">RULE</div> <div class="text-subtitle2">RULE</div>
<q-chip <q-chip
dense dense
class="app-chip app-chip-rule"> class="app-chip app-chip-wrap app-chip-rule">
{{ data.rule }} {{ data.rule }}
</q-chip> </q-chip>
</div> </div>
@ -39,7 +39,7 @@
<div class="text-subtitle2">NAME</div> <div class="text-subtitle2">NAME</div>
<q-chip <q-chip
dense dense
class="app-chip app-chip-name"> class="app-chip app-chip-wrap app-chip-name">
{{ data.name }} {{ data.name }}
</q-chip> </q-chip>
</div> </div>
@ -66,7 +66,7 @@
dense dense
clickable clickable
@click.native="$router.push({ path: `/${protocol}/services/${getServiceId()}`})" @click.native="$router.push({ path: `/${protocol}/services/${getServiceId()}`})"
class="app-chip app-chip-service"> class="app-chip app-chip-wrap app-chip-service">
{{ data.service }} {{ data.service }}
</q-chip> </q-chip>
</div> </div>