adam.goldsmith/PrinterStatus
2
0
Fork 0
mirror of https://github.com/ad1217/PrinterStatus synced 2024-09-21 13:49:04 -04:00
Code Issues 1 Releases Wiki Activity

Center printer cards with a flexbox

Browse Source
This commit is contained in:
Adam Goldsmith 2021-10-14 11:33:38 -04:00
parent 44211a61f2
commit 0ff5581e6e
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/App.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div class="content">
<div v-if="!hasPrinters"> <div v-if="!hasPrinters">
<div class="loading-spinner"></div> <div class="loading-spinner"></div>
</div> </div>
@ -66,6 +66,13 @@ connectWebsocket();
</script> </script>
<style> <style>
.content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.loading { .loading {
display: flex; display: flex;
align-items: center; align-items: center;