Skip to content

Commit a267bc0

Browse files
author
Szekeres Bálint
committed
layout fixes
1 parent c1c30f9 commit a267bc0

File tree

3 files changed

+52
-26
lines changed

3 files changed

+52
-26
lines changed

‎public/assets/css/app.css

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -112,7 +112,8 @@ main .sidebar {
112112
}
113113

114114
main .options .card .card-body {
115-
padding: 0.6rem 0.75rem;
115+
padding: 0.5rem;
116+
font-size: 0.9rem;
116117
}
117118

118119
main .options .card + .card {
@@ -212,6 +213,15 @@ main .sidebar .github-star {
212213
margin: 0 auto 1rem;
213214
}
214215

216+
main .files .card.actions .card-body {
217+
padding: 0.8rem;
218+
}
219+
220+
main .files .card.actions .btn img {
221+
vertical-align: -2px;
222+
margin-right: 0.1rem;
223+
}
224+
215225

216226

217227
/*

‎public/assets/js/app.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -212,6 +212,7 @@
212212
itemSelector: '.grid-item',
213213
columnWidth: '.grid-sizer',
214214
percentPosition: true,
215+
initLayout: false,
215216
stagger: 0,
216217
transitionDuration: '0.6s'
217218
});

‎public/index.html

Lines changed: 40 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -294,34 +294,35 @@
294294
<div class="card">
295295
<div class="card-body">
296296
<div class="form-group">
297-
<label class="form-label"><span tooltips tooltip-template="Adding or modifying the “Expires” and “Cache-Control” response header fields provided that the response code equals 200, 201, 204, 206, 301, 302, 303, 304, 307, or 308.<br><br>{{ extensions.assets }}">assets <code>expires</code></span></label>
298-
<input type="text" class="form-control form-control-sm" ng-model="data.expires_assets">
297+
<label class="form-label"><span tooltips tooltip-template="Adding or modifying the “Expires” and “Cache-Control” response header fields provided that the response code equals 200, 201, 204, 206, 301, 302, 303, 304, 307, or 308."><code>expires</code></span></label>
299298
</div>
300-
<div class="form-group">
301-
<label class="form-label"><span tooltips tooltip-template="Adding or modifying the “Expires” and “Cache-Control” response header fields provided that the response code equals 200, 201, 204, 206, 301, 302, 303, 304, 307, or 308.<br><br>{{ extensions.images }}|{{ extensions.audio }}|{{ extensions.video }}">media <code>expires</code></span></label>
302-
<input type="text" class="form-control form-control-sm" ng-model="data.expires_media">
303-
</div>
304-
<div class="form-group">
305-
<label class="form-label"><span tooltips tooltip-template="Adding or modifying the “Expires” and “Cache-Control” response header fields provided that the response code equals 200, 201, 204, 206, 301, 302, 303, 304, 307, or 308.<br><br>{{ extensions.svg }}">svg <code>expires</code></span></label>
306-
<input type="text" class="form-control form-control-sm" ng-model="data.expires_svg">
307-
</div>
308-
<div class="form-group">
309-
<label class="form-label"><span tooltips tooltip-template="Adding or modifying the “Expires” and “Cache-Control” response header fields provided that the response code equals 200, 201, 204, 206, 301, 302, 303, 304, 307, or 308.<br><br>{{ extensions.fonts }}">fonts <code>expires</code></span></label>
310-
<input type="text" class="form-control form-control-sm" ng-model="data.expires_fonts">
311-
</div>
312-
</div>
313-
</div>
314-
<div class="card">
315-
<div class="card-body text-center">
316-
<div class="form-group">
317-
<div class="mb-1">
318-
<input type="text" id="url" class="form-control form-control-sm" ng-value="location.absUrl()" readonly>
299+
<div class="row no-gutters">
300+
<div class="col-md-6">
301+
<div class="form-group">
302+
<label class="form-label"><span tooltips tooltip-template="{{ extensions.assets }}">assets</span></label>
303+
<input type="text" class="form-control form-control-sm" ng-model="data.expires_assets">
304+
</div>
305+
</div>
306+
<div class="col-md-6">
307+
<div class="form-group">
308+
<label class="form-label"><span tooltips tooltip-template="{{ extensions.images }}|{{ extensions.audio }}|{{ extensions.video }}">media</span></label>
309+
<input type="text" class="form-control form-control-sm" ng-model="data.expires_media">
310+
</div>
319311
</div>
320-
<button class="btn btn-primary" ngclipboard data-clipboard-target="#url" ngclipboard-success="clipboardSuccess('url')"><img src="assets/img/clipboard.svg" alt="Copy to clipboard"> Copy URL</button>
321-
<div class="clipboard-success" ng-if="clipboardCopy === 'url'">Copied!</div>
322312
</div>
323-
<div class="form-group">
324-
<button class="btn btn-sm btn-danger" ng-click="reset()"><img src="assets/img/refresh.svg" alt="Reset"> Reset</button>
313+
<div class="row no-gutters">
314+
<div class="col-md-6">
315+
<div class="form-group">
316+
<label class="form-label"><span tooltips tooltip-template="{{ extensions.svg }}">svg</span></label>
317+
<input type="text" class="form-control form-control-sm" ng-model="data.expires_svg">
318+
</div>
319+
</div>
320+
<div class="col-md-6">
321+
<div class="form-group">
322+
<label class="form-label"><span tooltips tooltip-template="{{ extensions.fonts }}">fonts</span></label>
323+
<input type="text" class="form-control form-control-sm" ng-model="data.expires_fonts">
324+
</div>
325+
</div>
325326
</div>
326327
</div>
327328
</div>
@@ -415,6 +416,20 @@
415416
</div><div id="file-wordpress" class="code highlighted"></div>
416417
</div>
417418
</div>
419+
<div class="card actions" ng-cloak>
420+
<div class="card-body text-center">
421+
<div class="mb-1">
422+
<input type="text" id="url" class="form-control form-control-sm" ng-value="location.absUrl()" readonly>
423+
</div>
424+
<div class="mb-3">
425+
<button class="btn btn-primary" ngclipboard data-clipboard-target="#url" ngclipboard-success="clipboardSuccess('url')"><img src="assets/img/clipboard.svg" alt="Copy to clipboard"> Copy URL</button>
426+
<div class="clipboard-success" ng-if="clipboardCopy === 'url'">Copied!</div>
427+
</div>
428+
<div>
429+
<button class="btn btn-sm btn-danger" ng-click="reset()"><img src="assets/img/refresh.svg" alt="Reset"> Reset</button>
430+
</div>
431+
</div>
432+
</div>
418433
</div>
419434
<div class="col-md-3 sidebar">
420435
<iframe class="github-star" src="https://ghbtns.com/github-btn.html?user=valentinxxx&repo=nginxconfig.io&type=star&count=true&size=large"></iframe>

0 commit comments

Comments
 (0)