Commit ceeae335 authored by Konrad Mohrfeldt's avatar Konrad Mohrfeldt ✊
Browse files

make auto-grid root element type configurable 

some of our auto-grids are actually lists so the grid should reflect
that.
parent 8327d840

src/components/generic/AutoGrid.vue

+9 −4
Original line number Diff line number Diff line 
<template>

  <div class="grid" :style="style">

  <component :is="tag || 'div'" class="grid ma-0 pa-0" :style="style">

    <slot />

  </div>

  </component>

</template>



<script>
@@ -15,7 +15,8 @@ 
      defaultSize: {

        type: Number,

        default: 1

      }

      },

      tag: String

    },

    computed: {

      style () {
@@ -33,8 +34,12 @@ 
  }

</script>



<style>

<style lang="scss">

  .grid {

    display: grid;



    > li {

      display: block;

    }

  }

</style>