Move css to more appropriate locations

This commit is contained in:
Adam Goldsmith 2020-03-10 19:54:10 -04:00
parent 16b736a0bd
commit f3de43c8be
3 changed files with 34 additions and 21 deletions

11
App.vue
View File

@ -24,3 +24,14 @@ export default class App extends Vue {
assets: { rows: [snipeit.Hardware]; total: number } = assets;
}
</script>
<style>
@page {
size: calc(146.64pt - 4.32pt) calc(69.12pt - 4.08pt);
margin: 1mm;
}
body {
margin: 0;
}
</style>

View File

@ -46,15 +46,6 @@ export default class ComputerLabel extends Vue {
</script>
<style>
@page {
size: calc(146.64pt - 4.32pt) calc(69.12pt - 4.08pt);
margin: 1mm;
}
body {
margin: 0;
}
.label {
background-size: cover;
page-break-after: always;
@ -84,18 +75,6 @@ body {
.text-content {
margin-left: 1ex;
font-family: monospace;
line-height: 1;
}
.name {
font-size: 30;
line-height: 0.8;
margin-bottom: 0.1em;
}
.mac {
font-size: 10;
}
.bottom {

View File

@ -29,3 +29,26 @@ export default class ComputersLabelText extends Vue {
}
}
</script>
<style scoped>
.text-content {
font-family: monospace;
line-height: 1;
}
.emoji {
font: 'Twemoji Mozilla';
font-size: 20;
vertical-align: 30%;
}
.name {
font-size: 30;
line-height: 0.8;
margin-bottom: 0.1em;
}
.mac {
font-size: 10;
}
</style>