

<!-- TITLE -->




<div style="width: 100%; height: 100%; display: flex; flex-direction: column;">

    
    <div style="font-weight: 600; text-align: center; margin-bottom: 16px;">
        Edit Title
    </div>

    
    <div style="flex: 1 1 auto;">

        
        <div style="margin-bottom: 12px;">
            <label class="form-label" style="font-size: 14px; margin-bottom: 6px;">Text</label>
            <input type="text"
                   id="inputTitleText"
                   class="form-control"
                   style="font-size: 14px;">
        </div>

        
        <div style="margin-bottom: 16px;">
            <label class="form-label" style="font-size: 14px; margin-bottom: 6px;">Font Size</label>
            <input type="range"
                   id="inputTitleFontSize"
                   class="form-range"
                   min="10"
                   max="72">
        </div>

        
        <div style="display: flex; gap: 8px; justify-content: center;">
    <div style="flex: 1; display: flex; flex-direction: column; align-items: center;">
        <label for="inputTitleColor"
               class="form-label"
               style="font-size: 14px; margin-bottom: 4px;">
            Color
        </label>
        <input type="color"
               id="inputTitleColor"
               class="form-control form-control-color">
    </div>

    <div style="flex: 1; display: flex; flex-direction: column; align-items: center;">
        <label for="inputTitleStrokeColor"
               class="form-label"
               style="font-size: 14px; margin-bottom: 4px;">
            Stroke Color
        </label>
        <input type="color"
               id="inputTitleStrokeColor"
               class="form-control form-control-color">
    </div>
</div>

    </div>
</div>
<?php /**PATH /home/plossayokesen/public_html/resources/views/partials/editor-tab-title.blade.php ENDPATH**/ ?>