mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-05-24 05:34:43 +00:00
frontend update
This commit is contained in:
carodej
@@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
||||
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-printer">
|
||||
<polyline points="6 9 6 2 18 2 18 9"></polyline>
|
||||
<path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
|
||||
<rect x="6" y="14" width="12" height="8"></rect>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 428 B |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 23 KiB |
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
@@ -0,0 +1 @@
|
||||
*{outline:0;margin:0;padding:0;font-family:Nunito,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:16px;text-decoration:none}body{background:#f6f6f6}#toolbar-wrapper{max-width:800px;margin:30px auto}#toolbar-wrapper .button{background:#fff;margin-right:15px;border-radius:8px;padding:7px 10px;cursor:pointer;border:none;transition:all .15s ease}#toolbar-wrapper .button .icon{height:14px;vertical-align:middle}#toolbar-wrapper .button .icon circle,#toolbar-wrapper .button .icon line,#toolbar-wrapper .button .icon path,#toolbar-wrapper .button .icon polyline,#toolbar-wrapper .button .icon rect{transition:all .15s ease}#toolbar-wrapper .button .label{transition:all .15s ease;font-size:.875em;font-weight:700;color:#1c1d1f}#toolbar-wrapper .button:active{transform:scale(.95)}#toolbar-wrapper .button:hover{background:rgba(0,188,126,.1)}#toolbar-wrapper .button:hover .icon circle,#toolbar-wrapper .button:hover .icon line,#toolbar-wrapper .button:hover .icon path,#toolbar-wrapper .button:hover .icon polyline,#toolbar-wrapper .button:hover .icon rect{stroke:#00bc7e}#toolbar-wrapper .button:hover .label{color:#00bc7e}#invoice-wrapper{max-width:800px;padding:50px;margin:0 auto;background:#fff;border-radius:8px}.table{width:100%}.table .table-header{border-bottom:1px solid #f8f8f8}.table .table-header td{padding-bottom:10px;font-size:.75em;font-weight:700;color:#00bc7e}.table .table-header td:last-child{text-align:right}.table .table-body td{font-size:1em;font-weight:700}.table .table-body td:last-child{text-align:right}.list{margin-bottom:20px}.list .list-item{display:block;margin-bottom:5px}.list .list-item b{font-size:1em;font-weight:700}.list .list-item span{font-size:1em;font-weight:500}.invoice-header{display:flex;justify-content:space-between;align-items:center}.invoice-header .logo img{height:40px;width:auto}.invoice-header .title h1{font-size:1.875em;font-weight:300;color:#00bc7e}.invoice-subject{margin-top:40px;background:#fafafa;padding:15px 20px;border-radius:10px}.invoice-subject .list{margin-bottom:0}.invoice-partners{display:flex;justify-content:space-between;margin-top:40px}.invoice-partners .partner:last-child{min-width:250px}.invoice-partners .partner-title{color:#00bc7e;font-size:1.375em;font-weight:300;margin-bottom:10px}.invoice-order{margin-top:40px}.invoice-summary{margin-top:60px;text-align:right}.invoice-summary b{font-weight:700;font-size:1.375em}@media print{#toolbar-wrapper{display:none}#invoice-wrapper{padding:0;margin:0}.invoice-subject{padding:0}@page{margin:0}body{margin:1.6cm}}
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
@@ -1,47 +1,10 @@
|
||||
{
|
||||
"/js/main.js": "/js/main.js",
|
||||
"/css/app.css": "/css/app.css",
|
||||
"/js/main.a501882e1824ddb9d44c.hot-update.js": "/js/main.a501882e1824ddb9d44c.hot-update.js",
|
||||
"/js/main.23d5523fe23375a88651.hot-update.js": "/js/main.23d5523fe23375a88651.hot-update.js",
|
||||
"/js/main.00c3f4d09159cfd1a99e.hot-update.js": "/js/main.00c3f4d09159cfd1a99e.hot-update.js",
|
||||
"/js/main.cc7a72c7a3ebde670abe.hot-update.js": "/js/main.cc7a72c7a3ebde670abe.hot-update.js",
|
||||
"/js/main.112e117babc9a8bd4993.hot-update.js": "/js/main.112e117babc9a8bd4993.hot-update.js",
|
||||
"/js/main.e786ee001157ac675460.hot-update.js": "/js/main.e786ee001157ac675460.hot-update.js",
|
||||
"/js/main.6dff06d6eb3e7c04b692.hot-update.js": "/js/main.6dff06d6eb3e7c04b692.hot-update.js",
|
||||
"/js/main.5258b1b99b6a9e67182d.hot-update.js": "/js/main.5258b1b99b6a9e67182d.hot-update.js",
|
||||
"/js/main.5cd86eeb5dfa909343a3.hot-update.js": "/js/main.5cd86eeb5dfa909343a3.hot-update.js",
|
||||
"/js/main.7f2dd3aad59432926740.hot-update.js": "/js/main.7f2dd3aad59432926740.hot-update.js",
|
||||
"/js/main.4192c6d91f1c3993c8f1.hot-update.js": "/js/main.4192c6d91f1c3993c8f1.hot-update.js",
|
||||
"/js/main.fbd9f9e95eae83a1f42e.hot-update.js": "/js/main.fbd9f9e95eae83a1f42e.hot-update.js",
|
||||
"/js/main.88e77f7efb28af45a444.hot-update.js": "/js/main.88e77f7efb28af45a444.hot-update.js",
|
||||
"/js/main.c4a876e3474204aa1718.hot-update.js": "/js/main.c4a876e3474204aa1718.hot-update.js",
|
||||
"/js/main.6e9ce229ff233a01ca26.hot-update.js": "/js/main.6e9ce229ff233a01ca26.hot-update.js",
|
||||
"/js/main.0723f3fb2dd2f5541629.hot-update.js": "/js/main.0723f3fb2dd2f5541629.hot-update.js",
|
||||
"/js/main.af706670bbde4b96968d.hot-update.js": "/js/main.af706670bbde4b96968d.hot-update.js",
|
||||
"/js/main.efdabbf9dec9f8faa560.hot-update.js": "/js/main.efdabbf9dec9f8faa560.hot-update.js",
|
||||
"/js/main.9102b6202dd1560ad523.hot-update.js": "/js/main.9102b6202dd1560ad523.hot-update.js",
|
||||
"/js/main.45200406e1e76097118c.hot-update.js": "/js/main.45200406e1e76097118c.hot-update.js",
|
||||
"/js/main.048512ed38cfb395c00f.hot-update.js": "/js/main.048512ed38cfb395c00f.hot-update.js",
|
||||
"/js/main.cb4787a2577affeea53b.hot-update.js": "/js/main.cb4787a2577affeea53b.hot-update.js",
|
||||
"/js/main.7db0eb421c5a4f520278.hot-update.js": "/js/main.7db0eb421c5a4f520278.hot-update.js",
|
||||
"/js/main.633408d2cac028d44bf9.hot-update.js": "/js/main.633408d2cac028d44bf9.hot-update.js",
|
||||
"/js/main.fd6456b8cc0995ffcfd0.hot-update.js": "/js/main.fd6456b8cc0995ffcfd0.hot-update.js",
|
||||
"/js/main.c95f3222787de9f3fc40.hot-update.js": "/js/main.c95f3222787de9f3fc40.hot-update.js",
|
||||
"/js/main.1fc1222d368a08d29f72.hot-update.js": "/js/main.1fc1222d368a08d29f72.hot-update.js",
|
||||
"/js/main.f82e1b2a21f5952f6094.hot-update.js": "/js/main.f82e1b2a21f5952f6094.hot-update.js",
|
||||
"/js/main.c8f3130cd90d5f861582.hot-update.js": "/js/main.c8f3130cd90d5f861582.hot-update.js",
|
||||
"/js/main.a678e1ea71adf201cc34.hot-update.js": "/js/main.a678e1ea71adf201cc34.hot-update.js",
|
||||
"/js/main.1d9c19ea30c8579c656e.hot-update.js": "/js/main.1d9c19ea30c8579c656e.hot-update.js",
|
||||
"/js/main.aaec1e4a4093928ec963.hot-update.js": "/js/main.aaec1e4a4093928ec963.hot-update.js",
|
||||
"/js/main.63f3de6f8a15e43d13e3.hot-update.js": "/js/main.63f3de6f8a15e43d13e3.hot-update.js",
|
||||
"/js/main.9af22655a917576ba617.hot-update.js": "/js/main.9af22655a917576ba617.hot-update.js",
|
||||
"/js/main.4693e155bfb0b0cd5b0b.hot-update.js": "/js/main.4693e155bfb0b0cd5b0b.hot-update.js",
|
||||
"/js/main.b193112a7666b6d18c52.hot-update.js": "/js/main.b193112a7666b6d18c52.hot-update.js",
|
||||
"/js/main.ce3a02f5cca00363fce4.hot-update.js": "/js/main.ce3a02f5cca00363fce4.hot-update.js",
|
||||
"/js/main.2523317251b311d6636d.hot-update.js": "/js/main.2523317251b311d6636d.hot-update.js",
|
||||
"/js/main.5c951cd3429cbcdde665.hot-update.js": "/js/main.5c951cd3429cbcdde665.hot-update.js",
|
||||
"/js/main.a1786d42feb161e19678.hot-update.js": "/js/main.a1786d42feb161e19678.hot-update.js",
|
||||
"/js/main.267e7c60f17176c91054.hot-update.js": "/js/main.267e7c60f17176c91054.hot-update.js",
|
||||
"/js/main.3c8086334fd08b0c9984.hot-update.js": "/js/main.3c8086334fd08b0c9984.hot-update.js",
|
||||
"/js/main.53660e63381af24743c1.hot-update.js": "/js/main.53660e63381af24743c1.hot-update.js"
|
||||
"/js/main.a3a51ffe63e5ab8ad17b.hot-update.js": "/js/main.a3a51ffe63e5ab8ad17b.hot-update.js",
|
||||
"/js/main.255954174c5d7e9a08b3.hot-update.js": "/js/main.255954174c5d7e9a08b3.hot-update.js",
|
||||
"/js/main.99a451b0fd3dc3ce2f33.hot-update.js": "/js/main.99a451b0fd3dc3ce2f33.hot-update.js",
|
||||
"/js/main.53d3f8b1c2dd0e07b5b8.hot-update.js": "/js/main.53d3f8b1c2dd0e07b5b8.hot-update.js",
|
||||
"/js/main.e3be347086dcc417ba57.hot-update.js": "/js/main.e3be347086dcc417ba57.hot-update.js",
|
||||
"/js/main.85f332c95c7b4be8cd10.hot-update.js": "/js/main.85f332c95c7b4be8cd10.hot-update.js"
|
||||
}
|
||||
|
||||
Vendored
+230
@@ -0,0 +1,230 @@
|
||||
// Colors
|
||||
$text: #1c1d1f;
|
||||
$text-muted: rgba($text, 0.7);
|
||||
$light_background: #f6f6f6;
|
||||
$light_mode_border: #F8F8F8;
|
||||
$theme: #00BC7E;
|
||||
|
||||
@mixin font-size($size) {
|
||||
font-size:($size/16) + 0em;
|
||||
}
|
||||
|
||||
@mixin transition($time: 0.3s) {
|
||||
transition: $time all ease;
|
||||
}
|
||||
|
||||
@mixin transform($effect) {
|
||||
-webkit-transform: $effect;
|
||||
-moz-transform: $effect;
|
||||
transform: $effect;
|
||||
}
|
||||
|
||||
* {
|
||||
outline: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Nunito', sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
box-sizing: border-box;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
font-size: 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background: $light_background;
|
||||
}
|
||||
|
||||
#toolbar-wrapper {
|
||||
max-width: 800px;
|
||||
margin: 30px auto;
|
||||
|
||||
.button {
|
||||
background: white;
|
||||
margin-right: 15px;
|
||||
border-radius: 8px;
|
||||
padding: 7px 10px;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
@include transition(150ms);
|
||||
|
||||
.icon {
|
||||
height: 14px;
|
||||
vertical-align: middle;
|
||||
|
||||
path, line, polyline, rect, circle {
|
||||
@include transition(150ms);
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
@include transition(150ms);
|
||||
@include font-size(14);
|
||||
font-weight: 700;
|
||||
color: $text;
|
||||
}
|
||||
|
||||
&:active {
|
||||
@include transform(scale(0.95));
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: rgba($theme, 0.1);
|
||||
|
||||
.icon {
|
||||
path, line, polyline, rect, circle {
|
||||
stroke: $theme;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
color: $theme;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#invoice-wrapper {
|
||||
max-width: 800px;
|
||||
padding: 50px;
|
||||
margin: 0 auto;
|
||||
background: white;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
|
||||
.table-header {
|
||||
border-bottom: 1px solid $light_mode_border;
|
||||
|
||||
td {
|
||||
padding-bottom: 10px;
|
||||
@include font-size(12);
|
||||
font-weight: 700;
|
||||
color: $theme;
|
||||
|
||||
&:last-child {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-body {
|
||||
td {
|
||||
@include font-size(16);
|
||||
font-weight: 700;
|
||||
|
||||
&:last-child {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
margin-bottom: 20px;
|
||||
|
||||
.list-item {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
|
||||
b {
|
||||
@include font-size(16);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
span {
|
||||
@include font-size(16);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.invoice-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.logo {
|
||||
img {
|
||||
height: 40px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
|
||||
h1 {
|
||||
@include font-size(30);
|
||||
font-weight: 300;
|
||||
color: $theme;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.invoice-subject {
|
||||
margin-top: 40px;
|
||||
background: hsla(0, 0%, 98%, 1);
|
||||
padding: 15px 20px;
|
||||
border-radius: 10px;
|
||||
|
||||
.list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.invoice-partners {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 40px;
|
||||
|
||||
.partner:last-child {
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
.partner-title {
|
||||
color: $theme;
|
||||
@include font-size(22);
|
||||
font-weight: 300;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.invoice-order {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.invoice-summary {
|
||||
margin-top: 60px;
|
||||
text-align: right;
|
||||
|
||||
b {
|
||||
font-weight: 700;
|
||||
@include font-size(22);
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
#toolbar-wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#invoice-wrapper {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.invoice-subject {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@page {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 1.6cm;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user