spacedeck-open/views/partials/tool/text-columns.html
2017-04-07 01:29:05 +02:00

26 lines
1.2 KiB
HTML

<h4 class="dialog-title">Columns</h4>
<div id="type-columns" class="relative">
<div class="dialog-section no-p">
<div class="form-group no-m">
<!-- <label class="label label-sm">Columns</label> -->
<input class="input no-b no-p text-center text-large" spellcheck="false" type="text" pattern="[0-9]" maxlength="10" v-model="active_style.columns">
<button class="btn-more btn btn-icon btn-transparent" v-on="click:increase_columns()"> </button>
<button class="btn-less btn btn-icon btn-transparent" v-on="click:decrease_columns()"> </button>
</div>
</div>
<div class="dialog-section no-p-b no-p-h">
<div class="form-group no-m">
<label class="label label-sm text-center">Gutter</label>
<input class="input no-b no-p text-center" spellcheck="false" type="text" pattern="[0-9\.]" maxlength="3" v-model="active_style.gutter">
<button tabindex="-1" class="input-drag btn btn-transparent btn-icon" style="cursor: ns-resize;" v-sd-fader="true" sd-fader-var-y="active_style.gutter" sd-fader-min-y="0" sd-fader-max-y="200" sd-fader-step="1">
<span class="icon icon-triangles-vertical"></span>
</button>
<span class="input-unit">px</span>
</div>
</div>
</div>