withdrawls

src/components/PhoneCard.vue

@@ -1,8 +1,10 @@
 <template>
-  <v-card class="d-none d-md-block" :elevation="4">
+  <!-- tablets and desktops get a card outline -->
+  <v-card class="d-none d-sm-block phone-card" :elevation="4">
     <slot/>
   </v-card>
-  <v-container class="d-md-none">
+  <!-- phones use the entire screen -->
+  <v-container class="d-sm-none">
     <slot/>
   </v-container>
 </template>
@@ -16,4 +18,7 @@ const s = useStore()
 
 <style scoped lang="scss">
 @use "src/styles/vars" as *;
+.phone-card {
+  max-width: $card-maxw;
+}
 </style>