github
/
nginxconfig.io
mirror of https://github.com/digitalocean/nginxconfig.io
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

layout fixes

pull/12/head
Szekeres Bálint 2018-02-25 17:33:07 +01:00
parent c1c30f9792
commit a267bc08dd
3 changed files with 52 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/assets/css/app.css
View File

@ -112,7 +112,8 @@ main .sidebar {
}
main .options .card .card-body {
padding: 0.6rem 0.75rem;
padding: 0.5rem;
font-size: 0.9rem;
}
main .options .card + .card {
@ -212,6 +213,15 @@ main .sidebar .github-star {
margin: 0 auto 1rem;
}
main .files .card.actions .card-body {
padding: 0.8rem;
}
main .files .card.actions .btn img {
vertical-align: -2px;
margin-right: 0.1rem;
}
/*

1
public/assets/js/app.js
View File

@ -212,6 +212,7 @@
itemSelector: '.grid-item',
columnWidth: '.grid-sizer',
percentPosition: true,
initLayout: false,
stagger: 0,
transitionDuration: '0.6s'
});

65
public/index.html
View File

@ -294,34 +294,35 @@
<div class="card">
<div class="card-body">
<div class="form-group">
<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>
<input type="text" class="form-control form-control-sm" ng-model="data.expires_assets">
<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>
</div>
<div class="form-group">
<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>
<input type="text" class="form-control form-control-sm" ng-model="data.expires_media">
</div>
<div class="form-group">
<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>
<input type="text" class="form-control form-control-sm" ng-model="data.expires_svg">
</div>
<div class="form-group">
<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>
<input type="text" class="form-control form-control-sm" ng-model="data.expires_fonts">
</div>
</div>
</div>
<div class="card">
<div class="card-body text-center">
<div class="form-group">
<div class="mb-1">
<input type="text" id="url" class="form-control form-control-sm" ng-value="location.absUrl()" readonly>
<div class="row no-gutters">
<div class="col-md-6">
<div class="form-group">
<label class="form-label"><span tooltips tooltip-template="{{ extensions.assets }}">assets</span></label>
<input type="text" class="form-control form-control-sm" ng-model="data.expires_assets">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="form-label"><span tooltips tooltip-template="{{ extensions.images }}|{{ extensions.audio }}|{{ extensions.video }}">media</span></label>
<input type="text" class="form-control form-control-sm" ng-model="data.expires_media">
</div>
</div>
<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>
<div class="clipboard-success" ng-if="clipboardCopy === 'url'">Copied!</div>
</div>
<div class="form-group">
<button class="btn btn-sm btn-danger" ng-click="reset()"><img src="assets/img/refresh.svg" alt="Reset"> Reset</button>
<div class="row no-gutters">
<div class="col-md-6">
<div class="form-group">
<label class="form-label"><span tooltips tooltip-template="{{ extensions.svg }}">svg</span></label>
<input type="text" class="form-control form-control-sm" ng-model="data.expires_svg">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="form-label"><span tooltips tooltip-template="{{ extensions.fonts }}">fonts</span></label>
<input type="text" class="form-control form-control-sm" ng-model="data.expires_fonts">
</div>
</div>
</div>
</div>
</div>
@ -415,6 +416,20 @@
</div><div id="file-wordpress" class="code highlighted"></div>
</div>
</div>
<div class="card actions" ng-cloak>
<div class="card-body text-center">
<div class="mb-1">
<input type="text" id="url" class="form-control form-control-sm" ng-value="location.absUrl()" readonly>
</div>
<div class="mb-3">
<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>
<div class="clipboard-success" ng-if="clipboardCopy === 'url'">Copied!</div>
</div>
<div>
<button class="btn btn-sm btn-danger" ng-click="reset()"><img src="assets/img/refresh.svg" alt="Reset"> Reset</button>
</div>
</div>
</div>
</div>
<div class="col-md-3 sidebar">
<iframe class="github-star" src="https://ghbtns.com/github-btn.html?user=valentinxxx&repo=nginxconfig.io&type=star&count=true&size=large"></iframe>