Mirror/filesafe
1
0
Fork 0
mirror of https://github.com/BobbyWibowo/lolisafe.git synced 2025-01-18 17:21:33 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: use fade-in css class where applicable

Browse Source
This commit is contained in:
Bobby 2022-10-08 18:12:15 +07:00
parent 327d78c008
commit 695162c43b
No known key found for this signature in database
GPG Key ID: 941839794CBF5A09
3 changed files with 7 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/css/home.scss
View File

@ -9,8 +9,7 @@
border-radius: 100%; border-radius: 100%;
display: inline-block; display: inline-block;
margin-bottom: 40px; margin-bottom: 40px;
vertical-align: top; vertical-align: top
animation: fade-in-opacity 0.5s
} }
.logo { .logo {
@ -59,7 +58,6 @@
} }
> div { > div {
animation: fade-in-opacity 0.5s;
margin: 0.75rem !important; margin: 0.75rem !important;
&:first-child { &:first-child {
@ -106,19 +104,14 @@
margin-top: 5px margin-top: 5px
} }
#albumDiv { #albumDiv .control {
animation: fade-in-opacity 0.5s;
.control {
text-align: inherit text-align: inherit
} }
}
#linksColumn { #linksColumn {
margin-top: -0.25rem; margin-top: -0.25rem;
margin-left: -0.25rem; margin-left: -0.25rem;
margin-right: -0.25rem; margin-right: -0.25rem;
animation: fade-in-opacity 0.5s;
.column { .column {
padding: 0.25rem padding: 0.25rem
@ -141,11 +134,9 @@
#tabs { #tabs {
margin-bottom: 1rem; margin-bottom: 1rem;
animation: fade-in-opacity 0.5s;
.tab-content { .tab-content {
margin-bottom: -0.75rem; margin-bottom: -0.75rem
animation: fade-in-opacity 0.5s
} }
} }

2
views/dashboard.njk
View File

@ -35,7 +35,7 @@
{% block content %} {% block content %}
{{ super() }} {{ super() }}
<section id="dashboard" class="section is-hidden"> <section id="dashboard" class="section is-hidden anim-fade-in">
<div id="panel" class="container"> <div id="panel" class="container">
<h1 class="title"> <h1 class="title">
Dashboard Dashboard

4
views/home.njk
View File

@ -68,7 +68,7 @@
<div class="column is-hidden-mobile"></div> <div class="column is-hidden-mobile"></div>
<div class="column"> <div class="column">
<a id="loginToUpload" class="button is-danger is-outlined is-fullwidth is-loading is-wrappable"></a> <a id="loginToUpload" class="button is-danger is-outlined is-fullwidth is-loading is-wrappable"></a>
<div id="albumDiv" class="field has-addons is-hidden"> <div id="albumDiv" class="field has-addons is-hidden anim-fade-in">
<div class="control is-expanded"> <div class="control is-expanded">
<div class="select is-fullwidth"> <div class="select is-fullwidth">
<select id="albumSelect"> <select id="albumSelect">
@ -157,7 +157,7 @@
</div> </div>
<div id="tpl" class="is-hidden"> <div id="tpl" class="is-hidden">
<div class="field"> <div class="field anim-fade-in">
<i class="icon is-hidden"></i> <i class="icon is-hidden"></i>
<img class="is-unselectable is-hidden"> <img class="is-unselectable is-hidden">
<p class="name"></p> <p class="name"></p>