Merge pull request #3 from caseydwyer/enhancement-border-styles-and-positioning

Enhancement: Tweak border styles and positioning

Author: eminos

dist/build/assets/statamic-group-29b7d030.css

@@ -1,11 +1,11 @@
 {
   "resources/css/statamic-group.css": {
-    "file": "assets/statamic-group-29b7d030.css",
+    "file": "assets/statamic-group-7ed307c9.css",
     "isEntry": true,
     "src": "resources/css/statamic-group.css"
   },
   "resources/js/statamic-group.js": {
-    "file": "assets/statamic-group-7565f277.js",
+    "file": "assets/statamic-group-68f349f8.js",
     "isEntry": true,
     "src": "resources/js/statamic-group.js"
   }

dist/build/assets/statamic-group-68f349f8.js

@@ -2,9 +2,7 @@
 @import "tailwindcss/utilities";
 
 .group-fieldtype {
-    padding: 0 !important;
-    border-top-width: 1px;
-    border-bottom-width: 1px;
+    @apply grp-relative -grp-mt-px grp-border-t !grp-p-0;
 }
 
 .group-fieldtype > .field-inner,
@@ -14,7 +12,9 @@
 }
 
 .group-fieldtype .section-fieldtype.form-group:first-child {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 1px;
+    @apply grp-relative grp-mt-0 grp-rounded-t-md grp-border-t-0;
+}
+
+.group-fieldtype:last-child .section-fieldtype.form-group:not(.active) {
+    @apply grp-rounded-b-md;
 }

dist/build/assets/statamic-group-7565f277.js

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="form-group section-fieldtype w-full" v-if="config.show_header">
+        <div class="form-group section-fieldtype w-full" :class="{'active': toggle}" v-if="config.show_header">
             <div class="flex grp-justify-between grp-items-center">
                 <div class="field-inner">
                     <label class="publish-field-label">
@@ -63,4 +63,4 @@ export default {
     },
 
 }
-</script>
+</script>

dist/build/assets/statamic-group-7ed307c9.css

@@ -1,4 +1,4 @@
-import GroupFieldtype from './compontents/GroupFieldtype.vue';
+import GroupFieldtype from './components/GroupFieldtype.vue';
 
 Statamic.booting(() => {
     Statamic.$components.register('group-fieldtype', GroupFieldtype);