adding custom meme template instead of fixed library
This commit is contained in:
@@ -32,6 +32,14 @@
|
||||
</div>
|
||||
|
||||
<div class="meme-controls">
|
||||
<div id="customTemplateSelector" class="form-group" style="margin-bottom: 20px;">
|
||||
<label for="customTemplateFile">{{ t('meme.select_image') }}</label>
|
||||
<input type="file" id="customTemplateFile" accept="image/*" style="display: none;">
|
||||
<button id="selectCustomFileBtn" type="button" class="btn btn-secondary btn-block">
|
||||
<i class="fa fa-image"></i> {{ t('meme.choose_file_btn') }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div id="textLayersContainer">
|
||||
<!-- Dynamic inputs injected by JS -->
|
||||
</div>
|
||||
|
||||
@@ -14,6 +14,15 @@
|
||||
</div>
|
||||
|
||||
<div class="template-grid">
|
||||
<a href="/meme/custom" class="template-item custom-template-card" data-category="All">
|
||||
<div class="template-image-wrapper" style="background: var(--nav-bg, #2b2b2b); border-bottom: 1px solid rgba(255,255,255,0.05);">
|
||||
<i class="fa fa-upload" style="font-size: 3.5rem; color: var(--accent, #9f0);"></i>
|
||||
</div>
|
||||
<div class="template-info">
|
||||
<span class="template-name">{{ t('meme.custom_template_title') }}</span>
|
||||
<span class="template-category-tag">{{ t('meme.custom_template_tag') }}</span>
|
||||
</div>
|
||||
</a>
|
||||
@each(templates as template)
|
||||
<a href="/meme/{{ template.id }}" class="template-item" data-category="{!! template.category || 'General' !!}">
|
||||
<div class="template-image-wrapper">
|
||||
|
||||
Reference in New Issue
Block a user