tecitheme 0.11.3 → 0.11.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -125,7 +125,7 @@
125
125
 
126
126
  </script>
127
127
 
128
- <div id={id} class="flex flex-col space-y-4">
128
+ <div id={id} class="relative flex flex-col space-y-4">
129
129
 
130
130
  <!-- Hero -->
131
131
  <div class="flow-root bg-gradient-to-b {getColorStyles("gradient-dark", data.color)} py-16 sm:pt-32">
@@ -217,7 +217,7 @@
217
217
  </div>
218
218
 
219
219
  <!-- Desktop Table Headings -->
220
- <div class="hidden sticky top-0 bg-white sm:flex flex-row space-x-8 w-full items-end z-20 border-b shadow-lg">
220
+ <div class="hidden sticky top-16 bg-white sm:flex flex-row space-x-8 w-full items-end z-20 border-b shadow-lg">
221
221
  <div class="w-full py-8"></div>
222
222
  {#each $selectedTable.columns as column}
223
223
  <div class="-mt-px border-b-2 w-full border-transparent py-8 {column.highlightOption ? getColorStyles("border", data.color) : ""}">
@@ -233,7 +233,7 @@
233
233
  {#each Object.values($selectedTable.categories) as category, categoryIndex}
234
234
 
235
235
  <!-- Category Name -->
236
- <h4 class="hidden sm:block sticky top-20 z-20 bg-white font-semibold leading-6 text-gray-900">{category.name}</h4>
236
+ <h4 class="hidden sm:block sticky top-40 z-20 bg-white font-semibold leading-6 text-gray-900 px-4 py-2">{category.name}</h4>
237
237
 
238
238
  <!-- Table -->
239
239
  <div class="hidden relative sm:flex flex-col w-full pt-8 shadow-lg">
@@ -302,7 +302,7 @@
302
302
  <!-- Mobile Tables -->
303
303
  {#each $selectedTable.columns as column}
304
304
  <!-- Mobile table headings -->
305
- <div class="sm:hidden sticky top-0 flex flex-row bg-white z-20 w-full">
305
+ <div class="sm:hidden sticky top-16 flex flex-row bg-white z-20 w-full">
306
306
  <div class="flex flex-col w-full border-t py-8 {column.highlightOption ? getColorStyles("border", data.color) : ""}">
307
307
  <h3 class="font-semibold leading-6 text-gray-900 {column.highlightOption ? getColorStyles("text", data.color) : ""}">
308
308
  {column.name}
@@ -320,7 +320,7 @@
320
320
  {#if sortFeaturesByOrder(category.features, column.name).length > 0}
321
321
 
322
322
  <!-- Category Headings -->
323
- <h4 class="sticky top-20 sm:hidden block text-sm font-semibold leading-6 text-gray-900 w-full bg-white z-20 py-4">{category.name}</h4>
323
+ <h4 class="sticky top-40 sm:hidden block font-semibold leading-6 text-gray-900 w-full bg-white z-20 py-2">{category.name}</h4>
324
324
 
325
325
  <div class="sm:hidden relative flex flex-col">
326
326
  <!-- Tables -->
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tecitheme",
3
- "version": "0.11.3",
3
+ "version": "0.11.4",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "dev": "vite dev",