dexorder/web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

price constraints working

Browse Source
This commit is contained in:
Tim Olson
2023-11-05 16:50:06 -04:00
parent b483974268
commit bec1b33d22
13 changed files with 195 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/PhoneCard.vue
View File

@@ -1,12 +1,15 @@
<template>
<!-- tablets and desktops get a card outline -->
<v-card class="d-none d-sm-block phone-card" :elevation="4">
<slot/>
</v-card>
<!-- phones use the entire screen -->
<v-container class="d-sm-none">
<slot/>
</v-container>
<!-- todo use javascript media breakpoint instead of display classes so we dont double-render the slot -->
<div>
<!-- tablets and desktops get a card outline -->
<v-card class="d-none d-sm-block phone-card" :elevation="4">
<slot/>
</v-card>
<!-- phones use the entire screen -->
<v-container class="d-sm-none">
<slot/>
</v-container>
</div>
</template>
<script setup>