kurbezz/gallery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update packages, fix lint

Browse Source
This commit is contained in:
Kurbanov Bulat
2021-04-12 17:01:36 +03:00
parent d281e14140
commit 829db1a967
3 changed files with 14257 additions and 3164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17401
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
package.json
View File

@@ -8,9 +8,11 @@
"collect": "ts-node --skip-project ./scripts/collect-static-data.ts" "collect": "ts-node --skip-project ./scripts/collect-static-data.ts"
}, },
"dependencies": { "dependencies": {
"axios": "*",
"colors": "^1.4.0", "colors": "^1.4.0",
"core-js": "^3.6.5", "core-js": "^3.6.5",
"lottie-vuejs": "^0.3.7", "lottie-vuejs": "^0.1.0",
"lottie-web": "*",
"ts-node": "^9.0.0", "ts-node": "^9.0.0",
"vue": "^2.6.11", "vue": "^2.6.11",
"vue-class-component": "^7.2.3", "vue-class-component": "^7.2.3",

16
src/App.vue
View File

@@ -1,10 +1,10 @@
<template> <template>
<div id="app"> <div id="app">
<div class="left-panel" <div class="left-panel"
:class="{'left-panel-closed': leftPanelClosed}"> :class="{'left-panel-closed': leftPanelClosed}">
<LeftPanel></LeftPanel> <LeftPanel></LeftPanel>
</div> </div>
<div class="content w-100" <div class="content w-100"
:class="{'content-when-left-panel-open': !leftPanelClosed}"> :class="{'content-when-left-panel-open': !leftPanelClosed}">
<div class="vertical-panel" <div class="vertical-panel"
:class="{'vertical-panel-when-left-panel-open': !leftPanelClosed}"></div> :class="{'vertical-panel-when-left-panel-open': !leftPanelClosed}"></div>
@@ -15,8 +15,8 @@
<LottieAnimation <LottieAnimation
class="close-btn-icon" class="close-btn-icon"
:class="{'close-btn-icon-when-left-panel-open': !leftPanelClosed}" :class="{'close-btn-icon-when-left-panel-open': !leftPanelClosed}"
path="./animations/menu-close2.json" json="./animations/menu-close2.json"
:width="30" width="30"
:autoPlay="false" :autoPlay="false"
:loop="false" :loop="false"
@AnimControl="setAnimController" @AnimControl="setAnimController"
@@ -24,7 +24,7 @@
<span class="close-btn-label" <span class="close-btn-label"
:class="{'close-btn-label-when-left-panel-open': !leftPanelClosed}">MENU</span> :class="{'close-btn-label-when-left-panel-open': !leftPanelClosed}">MENU</span>
</div> </div>
<vue-scroll style="height: 100vh" :ops="{scrollPanel: {scrollingX: false}}"> <vue-scroll style="height: 100vh" :ops="{scrollPanel: {scrollingX: false}}">
<router-view class="w-100 content-body" <router-view class="w-100 content-body"
:class="{'content-body-when-left-panel-open': !leftPanelClosed}" :class="{'content-body-when-left-panel-open': !leftPanelClosed}"
@@ -200,7 +200,7 @@ body, #app {
font-weight: 400; font-weight: 400;
color: white; color: white;
top: 14px; top: 14px;
left: 60px; left: 64px;
} }
.close-btn-label-when-left-panel-open { .close-btn-label-when-left-panel-open {
@@ -242,7 +242,7 @@ body, #app {
.close-btn-icon { .close-btn-icon {
position: absolute; position: absolute;
left: 14px; left: 4px;
} }
.close-btn-label { .close-btn-label {
@@ -250,7 +250,7 @@ body, #app {
font-size: 12px; font-size: 12px;
font-weight: 300; font-weight: 300;
color: white; color: white;
top: calc(49% + 20px); top: calc(49% + 28px);
left: 10px; left: 10px;
} }