@@ -1451,7 +1451,7 @@ const removeCondition = (index: number) => {
1451
1451
1452
1452
<div class =" sm:flex sm:items-start" >
1453
1453
<div class =" mt-3 w-full text-center sm:ml-4 sm:mt-0 sm:text-left" >
1454
- <h3 class =" text-lg font-medium leading-6 text-gray-900 dark:text-white" >
1454
+ <h3 class =" text-xl font-medium leading-6 text-gray-900 dark:text-white" >
1455
1455
{{ isEditMode ? 'Edit Campaign' : 'Create New Campaign' }}
1456
1456
</h3 >
1457
1457
<div class =" mt-6" >
@@ -1525,7 +1525,7 @@ const removeCondition = (index: number) => {
1525
1525
</div >
1526
1526
1527
1527
<!-- Goal Definition Section -->
1528
- <div class =" sm:col-span-6" >
1528
+ <div class =" sm:col-span-6 pt-8 " >
1529
1529
<div class =" border-b border-gray-200 pb-4 dark:border-gray-700" >
1530
1530
<h3 class =" text-base font-semibold text-gray-900 dark:text-white" >Goal Definition</h3 >
1531
1531
<p class =" mt-1 text-sm text-gray-500 dark:text-gray-400" >Define what constitutes a successful conversion for this campaign.</p >
@@ -1569,7 +1569,7 @@ const removeCondition = (index: number) => {
1569
1569
<div class =" space-y-4" >
1570
1570
<div >
1571
1571
<label for =" goal-trigger" class =" block text-sm font-medium text-gray-700 dark:text-gray-300" >
1572
- Goal Trigger
1572
+ Trigger
1573
1573
</label >
1574
1574
<select
1575
1575
id =" goal-trigger"
@@ -1758,10 +1758,91 @@ const removeCondition = (index: number) => {
1758
1758
</template >
1759
1759
</div >
1760
1760
1761
- <!-- Rest of the existing template code -->
1762
1761
<!-- Email List Selection -->
1763
- <div v-if =" currentCampaign.type === 'Email'" class =" sm:col-span-6" >
1764
- <!-- ... rest of the existing template ... -->
1762
+ <div v-if =" currentCampaign.type === 'Email'" class =" sm:col-span-6 pt-8" >
1763
+ <div class =" border-b border-gray-200 pb-4 dark:border-gray-700" >
1764
+ <h3 class =" text-base font-semibold text-gray-900 dark:text-white" >Email Campaign Settings</h3 >
1765
+ <p class =" mt-1 text-sm text-gray-500 dark:text-gray-400" >Configure your email campaign details.</p >
1766
+ </div >
1767
+
1768
+ <div class =" mt-4 space-y-4" >
1769
+ <div >
1770
+ <label for =" email-list" class =" block text-sm font-medium text-gray-700 dark:text-gray-300" >
1771
+ Email List
1772
+ </label >
1773
+ <select
1774
+ id =" email-list"
1775
+ v-model =" currentCampaign.emailList"
1776
+ class =" mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-blue-gray-700 dark:text-white sm:text-sm"
1777
+ required
1778
+ >
1779
+ <option value =" All Subscribers" >All Subscribers</option >
1780
+ <option value =" Newsletter" >Newsletter</option >
1781
+ <option value =" Product Updates" >Product Updates</option >
1782
+ <option value =" Marketing" >Marketing</option >
1783
+ <option value =" Cart Abandoners" >Cart Abandoners</option >
1784
+ </select >
1785
+ </div >
1786
+
1787
+ <div >
1788
+ <label for =" email-subject" class =" block text-sm font-medium text-gray-700 dark:text-gray-300" >
1789
+ Email Subject
1790
+ </label >
1791
+ <input
1792
+ id =" email-subject"
1793
+ v-model =" currentCampaign.emailSubject"
1794
+ type =" text"
1795
+ class =" mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-blue-gray-700 dark:text-white sm:text-sm"
1796
+ placeholder =" Enter email subject"
1797
+ required
1798
+ />
1799
+ </div >
1800
+
1801
+ <div >
1802
+ <label for =" email-sender" class =" block text-sm font-medium text-gray-700 dark:text-gray-300" >
1803
+ Sender Email
1804
+ </label >
1805
+ <input
1806
+ id =" email-sender"
1807
+ v-model =" currentCampaign.emailSender"
1808
+ type =" email"
1809
+ class =" mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-blue-gray-700 dark:text-white sm:text-sm"
1810
+ placeholder =" noreply@example.com"
1811
+ required
1812
+ />
1813
+ </div >
1814
+
1815
+ <div >
1816
+ <label for =" email-template" class =" block text-sm font-medium text-gray-700 dark:text-gray-300" >
1817
+ Email Template
1818
+ </label >
1819
+ <select
1820
+ id =" email-template"
1821
+ v-model =" currentCampaign.emailTemplate"
1822
+ class =" mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-blue-gray-700 dark:text-white sm:text-sm"
1823
+ required
1824
+ >
1825
+ <option value =" default" >Default Template</option >
1826
+ <option value =" newsletter" >Newsletter Template</option >
1827
+ <option value =" promotional" >Promotional Template</option >
1828
+ <option value =" abandoned-cart" >Abandoned Cart Template</option >
1829
+ </select >
1830
+ </div >
1831
+
1832
+ <div >
1833
+ <label for =" email-content" class =" block text-sm font-medium text-gray-700 dark:text-gray-300" >
1834
+ Email Content
1835
+ </label >
1836
+ <textarea
1837
+ id =" email-content"
1838
+ v-model =" currentCampaign.emailContent"
1839
+ rows =" 6"
1840
+ class =" mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-blue-gray-700 dark:text-white sm:text-sm"
1841
+ placeholder =" Enter your email content here..."
1842
+ required
1843
+ ></textarea >
1844
+ </div >
1845
+ </div >
1765
1846
</div >
1766
1847
1767
1848
<!-- Text Message Campaign Fields -->
@@ -1785,7 +1866,7 @@ const removeCondition = (index: number) => {
1785
1866
</div >
1786
1867
1787
1868
<!-- Submit Button -->
1788
- <div class =" mt-5 sm:mt-6 sm:grid sm:grid-flow-row-dense sm:grid-cols-2 sm:gap-3" >
1869
+ <div class =" mt-12 sm:mt-12 sm:grid sm:grid-flow-row-dense sm:grid-cols-2 sm:gap-3" >
1789
1870
<button
1790
1871
type =" submit"
1791
1872
class =" inline-flex w-full justify-center rounded-md border border-transparent bg-blue-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:bg-blue-700 dark:hover:bg-blue-600 sm:col-start-2 sm:text-sm"
0 commit comments