diff --git a/frontend/src/App.scss b/frontend/src/App.scss index 8c163d6..d8dadd6 100644 --- a/frontend/src/App.scss +++ b/frontend/src/App.scss @@ -21,8 +21,8 @@ overflow: hidden; } -.bp3-navbar { - .bp3-button { +.bp4-navbar { + .bp4-button { margin-right: 0.25rem; } } diff --git a/frontend/src/Home/Home.scss b/frontend/src/Home/Home.scss index e0a8174..9a617c7 100644 --- a/frontend/src/Home/Home.scss +++ b/frontend/src/Home/Home.scss @@ -21,7 +21,7 @@ transition: 0.3s; } - .bp3-navbar { + .bp4-navbar { transition: 0.3s; >* { @@ -39,7 +39,7 @@ } } -#mainContainer.bp3-dark { +#mainContainer.bp4-dark { transition: 0.3s; #MainScreen { @@ -47,7 +47,7 @@ background: $dark-gray3; } - .bp3-navbar { + .bp4-navbar { transition: 0.3s; } } \ No newline at end of file diff --git a/frontend/src/Photos/Overview.scss b/frontend/src/Photos/Overview.scss index 5841265..028ed24 100644 --- a/frontend/src/Photos/Overview.scss +++ b/frontend/src/Photos/Overview.scss @@ -63,8 +63,8 @@ } } -.bp3-overlay-enter, -.bp3-overlay-appear { +.bp4-overlay-enter, +.bp4-overlay-appear { opacity: 0; #photoImg { @@ -76,8 +76,8 @@ } } -.bp3-overlay-enter-active, -.bp3-overlay-appear-active { +.bp4-overlay-enter-active, +.bp4-overlay-appear-active { opacity: 1; #photoImg { @@ -90,7 +90,7 @@ } -.bp3-overlay-exit { +.bp4-overlay-exit { opacity: 1; #photoImg { @@ -102,7 +102,7 @@ } } -.bp3-overlay-exit-active { +.bp4-overlay-exit-active { opacity: 0; #photoImg { @@ -206,6 +206,6 @@ } -.bp3-dark { +.bp4-dark { #overview {} } \ No newline at end of file diff --git a/frontend/src/Photos/Photo.scss b/frontend/src/Photos/Photo.scss index 1ecc954..043c8b9 100644 --- a/frontend/src/Photos/Photo.scss +++ b/frontend/src/Photos/Photo.scss @@ -1,5 +1,5 @@ @import "~@blueprintjs/core/lib/scss/variables"; -.bp3-dark { +.bp4-dark { #photoView {} } \ No newline at end of file