Skip to content

Commit

Permalink
UI tweaks
Browse files Browse the repository at this point in the history
  • Loading branch information
@XK4MiLX
XK4MiLX committed Oct 21, 2024
1 parent 17a281c commit 2d2f7e5
Show file tree
Hide file tree
Showing 5 changed files with 171 additions and 60 deletions.
46 changes: 32 additions & 14 deletions HomeUI/src/views/apps/GlobalApps.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -150,13 +150,16 @@
/>
</b-card>
<b-card class="mx-2">
<h3 class="no-wrap">
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="info-square"
class="ml-1"
/> &nbsp;Application Information&nbsp;</kbd>
style="margin-top: 2px;"
/>
<span style="margin-left: 10px;">Application Information</span>
</kbd>
</h3>
<div class="ml-1">
<list-entry
Expand Down Expand Up @@ -309,13 +312,16 @@
</b-card>
</div>
<div v-else>
<h3 class="no-wrap">
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="box"
class="ml-1"
/> &nbsp;Composition&nbsp;</kbd>
style="margin-top: 2px;"
/>
<span style="margin-left: 10px;">Composition</span>
</kbd>
</h3>
<b-card
v-for="(component, index) in row.item.compose"
Expand Down Expand Up @@ -434,12 +440,15 @@
</div>
</b-card>
</div>
<h3>
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="globe"
/> &nbsp;Locations&nbsp;</kbd>
icon="pin-map-fill"
style="margin-top: 2px; margin-left: 10px;"
/>
<span style="margin-left: 10px;">Locations</span>
</kbd>
</h3>
<b-row>
<b-col
Expand Down Expand Up @@ -754,13 +763,16 @@
</template>
<template #row-details="row">
<b-card class="mx-2">
<h3 class="no-wrap">
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="info-square"
class="ml-1"
/> &nbsp;Application Information&nbsp;</kbd>
style="margin-top: 2px;"
/>
<span style="margin-left: 10px;">Application Information</span>
</kbd>
</h3>
<div class="ml-1">
<list-entry
Expand Down Expand Up @@ -913,13 +925,16 @@
</b-card>
</div>
<div v-else>
<h3 class="no-wrap">
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="box"
class="ml-1"
/> &nbsp;Composition&nbsp;</kbd>
style="margin-top: 2px;"
/>
<span style="margin-left: 10px;">Composition</span>
</kbd>
</h3>
<b-card
v-for="(component, index) in row.item.compose"
Expand Down Expand Up @@ -1038,12 +1053,15 @@
</div>
</b-card>
</div>
<h3>
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="globe"
/> &nbsp;Locations&nbsp;</kbd>
icon="pin-map-fill"
style="margin-top: 2px; margin-left: 10px;"
/>
<span style="margin-left: 10px;">Locations</span>
</kbd>
</h3>
<b-row>
<b-col
Expand Down
108 changes: 71 additions & 37 deletions HomeUI/src/views/apps/LocalApps.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -77,13 +77,16 @@
</template>
<template #row-details="row">
<b-card class="mx-2">
<h3 class="no-wrap">
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="info-square"
class="ml-1"
/> &nbsp;Application Information&nbsp;</kbd>
style="margin-top: 2px;"
/>
<span style="margin-left: 10px;">Application Information</span>
</kbd>
</h3>
<div class="ml-1">
<list-entry
Expand Down Expand Up @@ -236,13 +239,16 @@
</b-card>
</div>
<div v-else>
<h3 class="no-wrap">
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="box"
class="ml-1"
/> &nbsp;Composition&nbsp;</kbd>
style="margin-top: 2px;"
/>
<span style="margin-left: 10px;">Composition</span>
</kbd>
</h3>
<b-card
v-for="(component, index) in row.item.compose"
Expand Down Expand Up @@ -361,13 +367,15 @@
</div>
</b-card>
</div>
<h3>
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="globe"
class="ml-1"
/> &nbsp;Locations&nbsp;</kbd>
icon="pin-map-fill"
style="margin-top: 2px; margin-left: 10px;"
/>
<span style="margin-left: 10px;">Locations</span>
</kbd>
</h3>
<b-row>
<b-col
Expand Down Expand Up @@ -681,13 +689,16 @@
</template>
<template #row-details="row">
<b-card class="mx-2">
<h3 class="no-wrap">
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="info-square"
class="ml-1"
/> &nbsp;Application Information&nbsp;</kbd>
style="margin-top: 2px;"
/>
<span style="margin-left: 10px;">Application Information</span>
</kbd>
</h3>
<div class="ml-1">
<list-entry
Expand Down Expand Up @@ -840,13 +851,16 @@
</b-card>
</div>
<div v-else>
<h3 class="no-wrap">
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="box"
class="ml-1"
/> &nbsp;Composition&nbsp;</kbd>
style="margin-top: 2px;"
/>
<span style="margin-left: 10px;">Composition</span>
</kbd>
</h3>
<b-card
v-for="(component, index) in row.item.compose"
Expand Down Expand Up @@ -965,13 +979,15 @@
</div>
</b-card>
</div>
<h3>
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="globe"
class="ml-1"
/> &nbsp;Locations&nbsp;</kbd>
icon="pin-map-fill"
style="margin-top: 2px; margin-left: 10px;"
/>
<span style="margin-left: 10px;">Locations</span>
</kbd>
</h3>
<b-row>
<b-col
Expand Down Expand Up @@ -1126,13 +1142,15 @@
</b-card>
<b-card>
<div class="mb-0">
<h3>
<kbd class="alert-info d-flex no-wrap" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
&nbsp;<b-icon
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="globe"
class="mr-1"
/> Global Applications&nbsp;</kbd>
style="margin-top: 2px; margin-left: 10px;"
/>
<span style="margin-left: 10px;">Global Applications</span>
</kbd>
</h3>
</div>
<b-row>
Expand Down Expand Up @@ -1233,13 +1251,16 @@
</template>
<template #row-details="row">
<b-card class="mx-2">
<h3 class="no-wrap">
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="info-square"
class="ml-1"
/> &nbsp;Application Information&nbsp;</kbd>
style="margin-top: 2px;"
/>
<span style="margin-left: 10px;">Application Information</span>
</kbd>
</h3>
<div class="ml-1">
<list-entry
Expand Down Expand Up @@ -1392,13 +1413,16 @@
</b-card>
</div>
<div v-else>
<h3 class="no-wrap">
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="box"
class="ml-1"
/> &nbsp;Composition&nbsp;</kbd>
style="margin-top: 2px;"
/>
<span style="margin-left: 10px;">Composition</span>
</kbd>
</h3>
<b-card
v-for="(component, index) in row.item.compose"
Expand Down Expand Up @@ -1517,13 +1541,15 @@
</div>
</b-card>
</div>
<h3>
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="globe"
class="ml-1"
/> &nbsp;Locations&nbsp;</kbd>
icon="pin-map-fill"
style="margin-top: 2px; margin-left: 10px;"
/>
<span style="margin-left: 10px;">Locations</span>
</kbd>
</h3>
<b-row>
<b-col
Expand Down Expand Up @@ -1811,13 +1837,16 @@
</template>
<template #row-details="row">
<b-card class="mx-2">
<h3 class="no-wrap">
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="info-square"
class="ml-1"
/> &nbsp;Application Information&nbsp;</kbd>
style="margin-top: 2px;"
/>
<span style="margin-left: 10px;">Application Information</span>
</kbd>
</h3>
<div class="ml-1">
<list-entry
Expand Down Expand Up @@ -1970,13 +1999,16 @@
</b-card>
</div>
<div v-else>
<h3 class="no-wrap">
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="box"
class="ml-1"
/> &nbsp;Composition&nbsp;</kbd>
style="margin-top: 2px;"
/>
<span style="margin-left: 10px;">Composition</span>
</kbd>
</h3>
<b-card
v-for="(component, index) in row.item.compose"
Expand Down Expand Up @@ -2095,13 +2127,15 @@
</div>
</b-card>
</div>
<h3>
<h3 class="no-wrap align-items-center justify-content-center">
<kbd class="alert-info d-flex" style="border-radius: 15px; font-family: monospace; padding-right: 100%">
<b-icon
scale="1"
icon="globe"
class="ml-1"
/> &nbsp;Locations&nbsp;</kbd>
icon="pin-map-fill"
style="margin-top: 2px; margin-left: 10px;"
/>
<span style="margin-left: 10px;">Locations</span>
</kbd>
</h3>
<b-row>
<b-col
Expand Down
Loading

0 comments on commit 2d2f7e5

Please sign in to comment.