Compare commits

...

4 Commits

Author SHA1 Message Date
a704e43fbf 0.11.2 2021-07-12 23:39:34 +02:00
df06831c56 Updated GradientBackground to make child 100vh
Signed-off-by: Avior <florian.bouillon@delta-wings.net>
2021-07-12 23:39:15 +02:00
52df94ed25 0.11.1 2021-07-05 13:35:29 +02:00
ba0e70053b Fixed loader
Signed-off-by: Avior <florian.bouillon@delta-wings.net>
2021-07-05 13:34:04 +02:00
6 changed files with 10 additions and 10 deletions

4
package-lock.json generated
View File

@ -1,12 +1,12 @@
{ {
"name": "@dzeio/components", "name": "@dzeio/components",
"version": "0.10.0", "version": "0.11.2",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "@dzeio/components", "name": "@dzeio/components",
"version": "0.10.0", "version": "0.11.2",
"hasInstallScript": true, "hasInstallScript": true,
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {

View File

@ -1,6 +1,6 @@
{ {
"name": "@dzeio/components", "name": "@dzeio/components",
"version": "0.11.0", "version": "0.11.2",
"license": "MIT", "license": "MIT",
"main": "./index.js", "main": "./index.js",
"types": "./types/index.d.ts", "types": "./types/index.d.ts",

View File

@ -6,14 +6,13 @@ $percent = 15%
transition all $transition transition all $transition
background $mainGradient background $mainGradient
&.fullscreen &.fullscreen > :first-child
min-height 100vh min-height 100vh
.info .info
background linear-gradient(to right, $infoLight, lighten($infoLight, $percent)) background linear-gradient(to right, $infoLight, lighten($infoLight, $percent))
@media (prefers-color-scheme dark) @media (prefers-color-scheme dark)
background linear-gradient(to right, $infoDark, darken($infoDark, $percent)) background linear-gradient(to right, $infoDark, darken($infoDark, $percent))
.success .success
background linear-gradient(to right, $successLight, lighten($successLight, $percent)) background linear-gradient(to right, $successLight, lighten($successLight, $percent))

View File

@ -13,8 +13,8 @@ interface Props {
/** /**
* Make the background a linear-gradient * Make the background a linear-gradient
* *
* @version 1.0.1 * @version 1.0.2
*/ */
export default class GradientBackground extends React.Component<Props> { export default class GradientBackground extends React.Component<Props> {

View File

@ -30,7 +30,7 @@ interface State {
/** /**
* Display a simple loading animation at the top of the page * Display a simple loading animation at the top of the page
* *
* @version 1.0.0 * @version 1.0.0
*/ */
export default class Loader extends React.Component<Props, State> { export default class Loader extends React.Component<Props, State> {
@ -48,8 +48,8 @@ export default class Loader extends React.Component<Props, State> {
public componentWillUnmount() { public componentWillUnmount() {
if (this.props.auto) { if (this.props.auto) {
Router.events.off('routechangeComplete', this.routeChangeComplete) Router.events.off('routeChangeComplete', this.routeChangeComplete)
Router.events.off('routechangeStart', this.routeChangeStart) Router.events.off('routeChangeStart', this.routeChangeStart)
} }
} }

View File

@ -51,4 +51,5 @@ $default = $main
// See https://github.com/stylus/stylus/issues/1872#issuecomment-86553717 // See https://github.com/stylus/stylus/issues/1872#issuecomment-86553717
use('stylusUtils.js') use('stylusUtils.js')
// Import theme in the root folder of the project
@import '../../../../../../theme' if file-exists('../../../../../../theme.styl') @import '../../../../../../theme' if file-exists('../../../../../../theme.styl')