responsive polish

This commit is contained in:
Ben Haynes
2020-08-29 08:44:49 -04:00
parent 336cd65646
commit 3f0c4070c1
14 changed files with 165 additions and 29 deletions

View File

@@ -401,6 +401,8 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
@import '@/styles/mixins/breakpoint';
.layout-cards {
padding: var(--content-padding);
padding-top: 0;
@@ -449,6 +451,11 @@ export default defineComponent({
margin: 0 8px;
color: var(--foreground-subdued);
white-space: nowrap;
display: none;
@include breakpoint(small) {
display: inline;
}
}
.fade-enter-active,

View File

@@ -500,6 +500,8 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
@import '@/styles/mixins/breakpoint';
.layout-tabular {
display: contents;
margin: var(--content-padding);
@@ -575,6 +577,11 @@ export default defineComponent({
margin: 0 8px;
color: var(--foreground-subdued);
white-space: nowrap;
display: none;
@include breakpoint(small) {
display: inline;
}
}
.fade-enter-active,