cinqcinqdev-seo 1.0.8 → 1.0.9

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.
Files changed (3) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/runtime/pages/admin/editor/[id].vue +36 -18
  3. package/package.json +1 -1
package/dist/module.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "compatibility": {
5
5
  "nuxt": ">=3.0.0"
6
6
  },
7
- "version": "1.0.8",
7
+ "version": "1.0.9",
8
8
  "builder": {
9
9
  "@nuxt/module-builder": "1.0.2",
10
10
  "unbuild": "unknown"
package/dist/runtime/pages/admin/editor/[id].vue CHANGED
@@ -1081,16 +1081,25 @@ const savePage = async () => {
1081
1081
  <!-- Title row -->
1082
1082
  <div>
1083
1083
  <p class="text-[8px] font-black uppercase tracking-widest text-[#3d35ff]/60 mb-2">Title (h1–h4)</p>
1084
- <div class="mb-2">
1085
- <label class="text-[7px] font-black uppercase text-gray-400 block mb-1">Color</label>
1086
- <div class="flex items-center gap-1.5 bg-gray-50 rounded-xl ring-1 ring-gray-100 px-2 py-1.5">
1087
- <input type="color" :value="getStyle('titleColor') || '#000000'" @input="setStyle('titleColor', $event.target.value)" class="w-5 h-5 rounded cursor-pointer border-0 bg-transparent p-0" />
1088
- <input :value="getStyle('titleColor')" @input="setStyle('titleColor', $event.target.value)" placeholder="inherit" class="flex-1 bg-transparent text-[9px] font-mono outline-none w-0" />
1084
+ <div class="flex gap-2 mb-2">
1085
+ <div class="flex-1">
1086
+ <label class="text-[7px] font-black uppercase text-gray-400 block mb-1">Size (rem)</label>
1087
+ <div class="flex items-center gap-1 bg-gray-50 rounded-xl ring-1 ring-gray-100 overflow-hidden px-2">
1088
+ <input type="number" :value="getStyle('titleFontSize')" @input="setStyle('titleFontSize', $event.target.value)" min="0.1" max="20" step="0.1" placeholder="—" class="flex-1 bg-transparent py-2.5 text-[10px] font-mono outline-none w-0" />
1089
+ <span class="text-[8px] text-gray-300 shrink-0">rem</span>
1090
+ </div>
1089
1091
  </div>
1090
- <div v-if="brandColors.length" class="flex flex-wrap gap-1 mt-1.5">
1091
- <button v-for="c in brandColors" :key="c" @click="setStyle('titleColor', c)"
1092
- :title="c" :style="{ background: c }"
1093
- :class="['w-4 h-4 rounded-full border transition-all', getStyle('titleColor') === c ? 'border-[#3d35ff] scale-110 shadow-sm' : 'border-black/10 hover:scale-110']" />
1092
+ <div class="flex-1">
1093
+ <label class="text-[7px] font-black uppercase text-gray-400 block mb-1">Color</label>
1094
+ <div class="flex items-center gap-1.5 bg-gray-50 rounded-xl ring-1 ring-gray-100 px-2 py-1.5">
1095
+ <input type="color" :value="getStyle('titleColor') || '#000000'" @input="setStyle('titleColor', $event.target.value)" class="w-5 h-5 rounded cursor-pointer border-0 bg-transparent p-0" />
1096
+ <input :value="getStyle('titleColor')" @input="setStyle('titleColor', $event.target.value)" placeholder="inherit" class="flex-1 bg-transparent text-[9px] font-mono outline-none w-0" />
1097
+ </div>
1098
+ <div v-if="brandColors.length" class="flex flex-wrap gap-1 mt-1.5">
1099
+ <button v-for="c in brandColors" :key="c" @click="setStyle('titleColor', c)"
1100
+ :title="c" :style="{ background: c }"
1101
+ :class="['w-4 h-4 rounded-full border transition-all', getStyle('titleColor') === c ? 'border-[#3d35ff] scale-110 shadow-sm' : 'border-black/10 hover:scale-110']" />
1102
+ </div>
1094
1103
  </div>
1095
1104
  </div>
1096
1105
  <div class="flex gap-1 mb-2">
@@ -1112,16 +1121,25 @@ const savePage = async () => {
1112
1121
  <!-- Body row -->
1113
1122
  <div>
1114
1123
  <p class="text-[8px] font-black uppercase tracking-widest text-[#3d35ff]/60 mb-2">Body (p, li)</p>
1115
- <div class="mb-2">
1116
- <label class="text-[7px] font-black uppercase text-gray-400 block mb-1">Color</label>
1117
- <div class="flex items-center gap-1.5 bg-gray-50 rounded-xl ring-1 ring-gray-100 px-2 py-1.5">
1118
- <input type="color" :value="getStyle('bodyColor') || '#000000'" @input="setStyle('bodyColor', $event.target.value)" class="w-5 h-5 rounded cursor-pointer border-0 bg-transparent p-0" />
1119
- <input :value="getStyle('bodyColor')" @input="setStyle('bodyColor', $event.target.value)" placeholder="inherit" class="flex-1 bg-transparent text-[9px] font-mono outline-none w-0" />
1124
+ <div class="flex gap-2 mb-2">
1125
+ <div class="flex-1">
1126
+ <label class="text-[7px] font-black uppercase text-gray-400 block mb-1">Size (rem)</label>
1127
+ <div class="flex items-center gap-1 bg-gray-50 rounded-xl ring-1 ring-gray-100 px-2">
1128
+ <input type="number" :value="getStyle('bodyFontSize')" @input="setStyle('bodyFontSize', $event.target.value)" min="0.1" max="10" step="0.1" placeholder="—" class="flex-1 bg-transparent py-2.5 text-[10px] font-mono outline-none w-0" />
1129
+ <span class="text-[8px] text-gray-300 shrink-0">rem</span>
1130
+ </div>
1120
1131
  </div>
1121
- <div v-if="brandColors.length" class="flex flex-wrap gap-1 mt-1.5">
1122
- <button v-for="c in brandColors" :key="c" @click="setStyle('bodyColor', c)"
1123
- :title="c" :style="{ background: c }"
1124
- :class="['w-4 h-4 rounded-full border transition-all', getStyle('bodyColor') === c ? 'border-[#3d35ff] scale-110 shadow-sm' : 'border-black/10 hover:scale-110']" />
1132
+ <div class="flex-1">
1133
+ <label class="text-[7px] font-black uppercase text-gray-400 block mb-1">Color</label>
1134
+ <div class="flex items-center gap-1.5 bg-gray-50 rounded-xl ring-1 ring-gray-100 px-2 py-1.5">
1135
+ <input type="color" :value="getStyle('bodyColor') || '#000000'" @input="setStyle('bodyColor', $event.target.value)" class="w-5 h-5 rounded cursor-pointer border-0 bg-transparent p-0" />
1136
+ <input :value="getStyle('bodyColor')" @input="setStyle('bodyColor', $event.target.value)" placeholder="inherit" class="flex-1 bg-transparent text-[9px] font-mono outline-none w-0" />
1137
+ </div>
1138
+ <div v-if="brandColors.length" class="flex flex-wrap gap-1 mt-1.5">
1139
+ <button v-for="c in brandColors" :key="c" @click="setStyle('bodyColor', c)"
1140
+ :title="c" :style="{ background: c }"
1141
+ :class="['w-4 h-4 rounded-full border transition-all', getStyle('bodyColor') === c ? 'border-[#3d35ff] scale-110 shadow-sm' : 'border-black/10 hover:scale-110']" />
1142
+ </div>
1125
1143
  </div>
1126
1144
  </div>
1127
1145
  <div class="flex gap-1">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cinqcinqdev-seo",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
4
4
  "description": "A reusable Nuxt 3 admin CMS module with visual page editor powered by Supabase",
5
5
  "license": "MIT",
6
6
  "module": "./dist/module.mjs",