header url bar

pull/2/head
Szekeres Bálint 7 years ago
parent cd2ca9be86
commit 8e4944e665

@ -17,20 +17,19 @@ body {
header {
background-color: #000;
box-shadow: 0 5px 10px 10px #000;
padding: 0.5rem 0 0;
padding: 0.5rem 0;
text-align: center;
margin-bottom: 1.5rem;
margin-bottom: 0.5rem;
color: #fff;
font-size: 2.2rem;
}
header img.nginx {
header .logo img.nginx {
height: 1.6rem;
vertical-align: -0.1rem;
}
header img.config {
header .logo img.config {
height: 1.2rem;
vertical-align: super;
opacity: 0.8;
@ -38,14 +37,20 @@ header img.config {
margin-right: -0.25rem;
}
main {
flex: 1 1 auto;
}
main .url .input-group-prepend .input-group-text,
main .url .input-group-append .input-group-text {
header .url .input-group-prepend .input-group-text,
header .url .input-group-append .input-group-text {
padding-top: 0.15rem;
cursor: pointer;
background-color: transparent;
}
header .url .form-control {
background-color: transparent;
color: #fff;
}
main {
flex: 1 1 auto;
}
main .options,

@ -1,3 +1,4 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 14 14">
<path d="M6 13h7v-5h-3.25q-0.312 0-0.531-0.219t-0.219-0.531v-3.25h-3v9zM8 1.75v-0.5q0-0.102-0.074-0.176t-0.176-0.074h-5.5q-0.102 0-0.176 0.074t-0.074 0.176v0.5q0 0.102 0.074 0.176t0.176 0.074h5.5q0.102 0 0.176-0.074t0.074-0.176zM10 7h2.336l-2.336-2.336v2.336zM14 8v5.25q0 0.312-0.219 0.531t-0.531 0.219h-7.5q-0.312 0-0.531-0.219t-0.219-0.531v-1.25h-4.25q-0.312 0-0.531-0.219t-0.219-0.531v-10.5q0-0.312 0.219-0.531t0.531-0.219h8.5q0.312 0 0.531 0.219t0.219 0.531v2.563q0.164 0.102 0.281 0.219l3.188 3.188q0.219 0.219 0.375 0.594t0.156 0.688z"></path>
<defs><style>.a{fill:#ffffff;}</style></defs>
<path class="a" d="M6 13h7v-5h-3.25q-0.312 0-0.531-0.219t-0.219-0.531v-3.25h-3v9zM8 1.75v-0.5q0-0.102-0.074-0.176t-0.176-0.074h-5.5q-0.102 0-0.176 0.074t-0.074 0.176v0.5q0 0.102 0.074 0.176t0.176 0.074h5.5q0.102 0 0.176-0.074t0.074-0.176zM10 7h2.336l-2.336-2.336v2.336zM14 8v5.25q0 0.312-0.219 0.531t-0.531 0.219h-7.5q-0.312 0-0.531-0.219t-0.219-0.531v-1.25h-4.25q-0.312 0-0.531-0.219t-0.219-0.531v-10.5q0-0.312 0.219-0.531t0.531-0.219h8.5q0.312 0 0.531 0.219t0.219 0.531v2.563q0.164 0.102 0.281 0.219l3.188 3.188q0.219 0.219 0.375 0.594t0.156 0.688z"></path>
</svg>

Before

Width:  |  Height:  |  Size: 698 B

After

Width:  |  Height:  |  Size: 754 B

@ -1,3 +1,4 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="14" viewBox="0 0 12 14">
<path d="M11.805 8.25q0 0.039-0.008 0.055-0.5 2.094-2.094 3.395t-3.734 1.301q-1.141 0-2.207-0.43t-1.902-1.227l-1.008 1.008q-0.148 0.148-0.352 0.148t-0.352-0.148-0.148-0.352v-3.5q0-0.203 0.148-0.352t0.352-0.148h3.5q0.203 0 0.352 0.148t0.148 0.352-0.148 0.352l-1.070 1.070q0.555 0.516 1.258 0.797t1.461 0.281q1.047 0 1.953-0.508t1.453-1.398q0.086-0.133 0.414-0.914 0.062-0.18 0.234-0.18h1.5q0.102 0 0.176 0.074t0.074 0.176zM12 2v3.5q0 0.203-0.148 0.352t-0.352 0.148h-3.5q-0.203 0-0.352-0.148t-0.148-0.352 0.148-0.352l1.078-1.078q-1.156-1.070-2.727-1.070-1.047 0-1.953 0.508t-1.453 1.398q-0.086 0.133-0.414 0.914-0.062 0.18-0.234 0.18h-1.555q-0.102 0-0.176-0.074t-0.074-0.176v-0.055q0.508-2.094 2.109-3.395t3.75-1.301q1.141 0 2.219 0.434t1.914 1.223l1.016-1.008q0.148-0.148 0.352-0.148t0.352 0.148 0.148 0.352z"></path>
<defs><style>.a{fill:#ffffff;}</style></defs>
<path class="a" d="M11.805 8.25q0 0.039-0.008 0.055-0.5 2.094-2.094 3.395t-3.734 1.301q-1.141 0-2.207-0.43t-1.902-1.227l-1.008 1.008q-0.148 0.148-0.352 0.148t-0.352-0.148-0.148-0.352v-3.5q0-0.203 0.148-0.352t0.352-0.148h3.5q0.203 0 0.352 0.148t0.148 0.352-0.148 0.352l-1.070 1.070q0.555 0.516 1.258 0.797t1.461 0.281q1.047 0 1.953-0.508t1.453-1.398q0.086-0.133 0.414-0.914 0.062-0.18 0.234-0.18h1.5q0.102 0 0.176 0.074t0.074 0.176zM12 2v3.5q0 0.203-0.148 0.352t-0.352 0.148h-3.5q-0.203 0-0.352-0.148t-0.148-0.352 0.148-0.352l1.078-1.078q-1.156-1.070-2.727-1.070-1.047 0-1.953 0.508t-1.453 1.398q-0.086 0.133-0.414 0.914-0.062 0.18-0.234 0.18h-1.555q-0.102 0-0.176-0.074t-0.074-0.176v-0.055q0.508-2.094 2.109-3.395t3.75-1.301q1.141 0 2.219 0.434t1.914 1.223l1.016-1.008q0.148-0.148 0.352-0.148t0.352 0.148 0.148 0.352z"></path>
</svg>

Before

Width:  |  Height:  |  Size: 965 B

After

Width:  |  Height:  |  Size: 1021 B

@ -12,19 +12,17 @@
<meta name="description" content="nginx config generator">
<meta name="keywords" content="nginx, config, configurator, /etc/nginx/nginx.conf, nginx performance, nginx tuning, nginx php, nginx, php fpm, wordpress, cdn, access_log, error_log">
</head>
<body ng-app="NginxConfigIoApp">
<body ng-app="NginxConfigIoApp" ng-controller="NginxConfigIoController">
<header>
<div class="container-fluid">
<div class="container">
<div class="logo">
<img src="https://cdn.nginxconfig.io/assets/img/nginx.svg" alt="nginx" class="nginx">
<img src="https://cdn.nginxconfig.io/assets/img/config.svg" alt="config" class="config">
config.io
</div>
</header>
<main ng-controller="NginxConfigIoController">
<div class="container">
<div class="row">
<div class="col-sm-10 col-lg-8 col-xl-6 offset-sm-1 offset-lg-2 offset-xl-3">
<div class="input-group mb-2 url">
<div class="input-group url">
<div class="input-group-prepend">
<div class="input-group-text" ngclipboard data-clipboard-target="#url"><img src="https://cdn.nginxconfig.io/assets/img/clipboard.svg" alt="Copy to clipboard"></div>
</div>
@ -36,6 +34,8 @@
</div>
</div>
</div>
</header>
<main>
<div class="container-fluid">
<div class="row">
<div class="col-md-3 col-lg-2 options">

Loading…
Cancel
Save