fix(templates): add two more templates (Airbnb, Wordpress) (#317)

* add two more templates (Airbnb, Wordpress) * fix slugs * fix templates sizes --------- Co-authored-by: Guy Ben-Aharon <baguy3@gmail.com>
chartdb · Nov 4, 2024 · ebce882 · ebce882
1 parent 9ac5dfd
commit ebce882
Show file tree

Hide file tree

Showing 9 changed files with 3,840 additions and 3 deletions.
diff --git a/src/assets/templates/airbnb-dark.png b/src/assets/templates/airbnb-dark.png
diff --git a/src/assets/templates/airbnb.png b/src/assets/templates/airbnb.png
diff --git a/src/assets/templates/wordpress-db-dark.png b/src/assets/templates/wordpress-db-dark.png
diff --git a/src/assets/templates/wordpress-db.png b/src/assets/templates/wordpress-db.png
diff --git a/src/pages/templates-page/template-card/template-card.tsx b/src/pages/templates-page/template-card/template-card.tsx
@@ -26,7 +26,7 @@ export const TemplateCard: React.FC<TemplateCardProps> = ({ template }) => {
                     className="h-2 rounded-t-[6px]"
                     style={{ backgroundColor: randomColor() }}
                 ></div>
-                <div className="grow overflow-hidden p-1">
+                <div className="overflow-hidden p-1">
                     <img
                         src={
                             effectiveTheme === 'dark'

diff --git a/src/templates-data/templates-data.ts b/src/templates-data/templates-data.ts
@@ -1,6 +1,8 @@
 import type { Diagram } from '@/lib/domain/diagram';
 import { employeeDb } from './templates/employee-db';
 import { visualNovelDb } from './templates/visual-novel-db';
+import { airbnbDb } from './templates/airbnb-db';
+import { wordpressDb } from './templates/wordpress-db';
 
 export interface Template {
     slug: string;
@@ -16,4 +18,9 @@ export interface Template {
     url?: string;
 }
 
-export const templates: Template[] = [employeeDb, visualNovelDb];
+export const templates: Template[] = [
+    employeeDb,
+    visualNovelDb,
+    airbnbDb,
+    wordpressDb,
+];