diff --git a/admin-dashboard.html b/admin-dashboard.html index 9f5e732..fcf32c7 100644 --- a/admin-dashboard.html +++ b/admin-dashboard.html @@ -3704,11 +3704,7 @@ const templateConfigs = { borderRadius: 4, buttonBackground: '#4a6cf7', buttonTextColor: '#ffffff', - buttonBorder: 'none', - border: '1px solid #d1d5db', - borderStyle: 'solid', - borderWidth: '1px', - borderColor: '#d1d5db' + buttonBorder: 'none' }, 'modern': { name: 'Moderní', @@ -3725,11 +3721,7 @@ const templateConfigs = { borderRadius: 25, buttonBackground: '#2b6cb0', buttonTextColor: '#ffffff', - buttonBorder: '2px solid #2c5282', - border: '2px solid #2b6cb0', - borderStyle: 'solid', - borderWidth: '2px', - borderColor: '#2b6cb0' + buttonBorder: '2px solid #2c5282' }, 'elegant': { name: 'Elegantní', @@ -3746,165 +3738,75 @@ const templateConfigs = { borderRadius: 8, buttonBackground: '#4a5568', buttonTextColor: '#ffffff', - buttonBorder: 'none', - border: '1px solid #d1d5db', - borderStyle: 'solid', - borderWidth: '1px', - borderColor: '#d1d5db', - boxShadow: '0 1px 3px rgba(0,0,0,0.1)' + buttonBorder: 'none' }, - 'professional': { - name: 'Profesionální', - background: '#ffffff', - backgroundColor: '#ffffff', - textColor: '#1f2937', - textStyle: 'color: #1f2937; font-family: \'Inter\', sans-serif; font-size: 15px; line-height: 1.6;', - buttonStyle: 'background: #2563eb; color: white; border: 1px solid #1d4ed8; padding: 10px 20px; border-radius: 6px; font-weight: 500; transition: all 0.2s;', + 'alert': { + name: 'Upozornění', + background: '#fff3cd', + backgroundColor: '#fff3cd', + textColor: '#856404', + textStyle: 'color: #856404;', + buttonStyle: 'background: #ffc107; color: #856404; border: 1px solid #d39e00; padding: 8px 16px; border-radius: 4px;', isVisible: true, textAlign: 'left', - fontSize: 15, - padding: 24, - margin: 16, - borderRadius: 8, - buttonBackground: '#2563eb', - buttonTextColor: '#ffffff', - buttonBorder: '1px solid #1d4ed8', - border: '1px solid #e5e7eb', - borderStyle: 'solid', - borderWidth: '1px', - borderColor: '#e5e7eb', - boxShadow: '0 1px 3px rgba(0,0,0,0.05)' - }, - 'minimal': { - name: 'Minimalistický', - background: '#f9fafb', - backgroundColor: '#f9fafb', - textColor: '#111827', - textStyle: 'color: #111827; font-family: \'Inter\', sans-serif; font-size: 14px; line-height: 1.5;', - buttonStyle: 'background: transparent; color: #2563eb; border: 1px solid #dbeafe; padding: 8px 16px; border-radius: 4px; font-weight: 500;', - isVisible: true, - textAlign: 'left', - fontSize: 14, + fontSize: 16, padding: 20, - margin: 16, + margin: 20, borderRadius: 4, - buttonBackground: 'transparent', - buttonTextColor: '#2563eb', - buttonBorder: '1px solid #dbeafe', - border: '1px solid #e5e7eb', - borderStyle: 'solid', - borderWidth: '1px', - borderColor: '#e5e7eb' - }, - 'corporate': { - name: 'Firemní', - background: 'linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)', - backgroundColor: '#f8fafc', - textColor: '#1e293b', - textStyle: 'color: #1e293b; font-family: \'Inter\', sans-serif; font-size: 14px; line-height: 1.6;', - buttonStyle: 'background: #0ea5e9; color: white; border: none; padding: 10px 22px; border-radius: 4px; font-weight: 500;', - isVisible: true, - textAlign: 'left', - fontSize: 14, - padding: 22, - margin: 16, - borderRadius: 6, - buttonBackground: '#0ea5e9', - buttonTextColor: '#ffffff', - buttonBorder: 'none', - border: '1px solid #e2e8f0', - borderStyle: 'solid', - borderWidth: '1px', - borderColor: '#e2e8f0', - boxShadow: '0 1px 2px rgba(0,0,0,0.03)' - }, - 'modern-border': { - name: 'Moderní s rámečkem', - background: '#ffffff', - backgroundColor: '#ffffff', - textColor: '#1f2937', - textStyle: 'color: #1f2937; font-family: \'Inter\', sans-serif; font-size: 15px; line-height: 1.6;', - buttonStyle: 'background: #4f46e5; color: white; border: none; padding: 10px 22px; border-radius: 6px; font-weight: 500;', - isVisible: true, - textAlign: 'left', - fontSize: 15, - padding: 24, - margin: 16, - borderRadius: 8, - buttonBackground: '#4f46e5', - buttonTextColor: '#ffffff', - buttonBorder: 'none', - border: '2px solid #4f46e5', - borderStyle: 'solid', - borderWidth: '2px', - borderColor: '#4f46e5', - boxShadow: '0 4px 6px -1px rgba(0,0,0,0.05)' - }, - 'elegant-border': { - name: 'Elegantní s rámečkem', - background: '#ffffff', - backgroundColor: '#ffffff', - textColor: '#374151', - textStyle: 'color: #374151; font-family: Georgia, serif; font-size: 15px; line-height: 1.7;', - buttonStyle: 'background: transparent; color: #7c3aed; border: 1px solid #7c3aed; padding: 8px 20px; border-radius: 4px; font-weight: 500;', - isVisible: true, - textAlign: 'left', - fontSize: 15, - padding: 22, - margin: 16, - borderRadius: 8, - buttonBackground: 'transparent', - buttonTextColor: '#7c3aed', - buttonBorder: '1px solid #7c3aed', - border: '1px solid #e5e7eb', - borderStyle: 'solid', - borderWidth: '1px', - borderColor: '#e5e7eb', - boxShadow: '0 1px 3px rgba(0,0,0,0.04)' + buttonBackground: '#ffc107', + buttonTextColor: '#856404', + buttonBorder: '1px solid #d39e00' }, 'dark': { name: 'Tmavý motiv', - background: '#1f2937', - backgroundColor: '#1f2937', - textColor: '#f3f4f6', - textStyle: 'color: #f3f4f6; font-family: \'Inter\', sans-serif; font-size: 15px; line-height: 1.6;', - buttonStyle: 'background: #3b82f6; color: white; border: none; padding: 10px 22px; border-radius: 6px; font-weight: 500;', + background: '#2d3748', + backgroundColor: '#2d3748', + textColor: '#e2e8f0', + textStyle: 'color: #e2e8f0;', + buttonStyle: 'background: #4fd1c5; color: #1a202c; font-weight: 600; padding: 8px 16px; border-radius: 4px;', isVisible: true, textAlign: 'left', - fontSize: 15, - padding: 24, - margin: 16, - borderRadius: 8, - buttonBackground: '#3b82f6', - buttonTextColor: '#ffffff', - buttonBorder: 'none', - border: '1px solid #374151', - borderStyle: 'solid', - borderWidth: '1px', - borderColor: '#374151', - boxShadow: '0 1px 3px rgba(0,0,0,0.1)' + fontSize: 16, + padding: 20, + margin: 20, + borderRadius: 4, + buttonBackground: '#4fd1c5', + buttonTextColor: '#1a202c', + buttonBorder: 'none' }, 'gradient': { name: 'Přechod', - background: 'linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%)', - backgroundColor: '#6366f1', - textColor: '#ffffff', - textStyle: 'color: #ffffff; font-family: \'Inter\', sans-serif; font-size: 15px; line-height: 1.6; text-shadow: 0 1px 2px rgba(0,0,0,0.1);', - buttonStyle: 'background: white; color: #6366f1; border: none; padding: 10px 22px; border-radius: 6px; font-weight: 600;', + background: 'linear-gradient(90deg, #667eea 0%, #764ba2 100%)', + backgroundColor: '#667eea', + textColor: 'white', + textStyle: 'color: white; text-shadow: 0 1px 3px rgba(0,0,0,0.2);', + buttonStyle: 'background: white; color: #4a6cf7; border: none; padding: 8px 20px; border-radius: 4px; font-weight: 600;', isVisible: true, textAlign: 'left', - fontSize: 15, - padding: 24, - margin: 16, - borderRadius: 8, + fontSize: 16, + padding: 20, + margin: 20, + borderRadius: 4, buttonBackground: 'white', - buttonTextColor: '#6366f1', - buttonBorder: 'none', - border: 'none', - borderStyle: 'none', - borderWidth: '0', - borderColor: 'transparent', - boxShadow: '0 4px 6px -1px rgba(0,0,0,0.1)' + buttonTextColor: '#4a6cf7', + buttonBorder: 'none' + }, + 'gradient-blue': { + name: 'Modrý gradient', + background: 'linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%)', + backgroundColor: '#4f46e5', + textColor: 'white', + textStyle: 'color: white; font-family: \'Inter\', sans-serif; font-size: 16px; font-weight: 500;', + buttonStyle: 'background-color: white; color: #4f46e5; border: none; padding: 10px 24px; border-radius: 6px; font-weight: 600;', + isVisible: true, + textAlign: 'left', + fontSize: 16, + padding: 20, + margin: 20, + borderRadius: 6, + buttonBackground: 'white', + buttonTextColor: '#4f46e5', + buttonBorder: 'none' } };