fix: smaller font for device name

builder555 · Mar 13, 2023 · 06d69e3 · 06d69e3
1 parent 0550eb4
commit 06d69e3
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/ui/src/components/TheNameDisplay.vue b/ui/src/components/TheNameDisplay.vue
@@ -7,7 +7,7 @@ const isNameHidden = ref(true);
  <h1 class="title">
  <a class="restore-click" @click="isNameHidden = !isNameHidden || !name">
  <span class="accent" v-if="isNameHidden">PineSAM</span>
- <span class="accent" v-else>{{ name }}</span>
+ <span class="accent small" v-else>{{ name }}</span>
  </a>
  </h1>
 </template>
@@ -19,4 +19,7 @@ const isNameHidden = ref(true);
 h1 {
  font-family: 'Righteous', "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
+.small {
+ font-size: 0.8em;
+}
 </style>