diff --git a/README.md b/README.md index b47d899..1f81407 100644 --- a/README.md +++ b/README.md @@ -15,4 +15,4 @@ Added import functionality for json. ![5 Deleting a selected session. ](images/pic5.png) ![6 Editing a selected session. ](images/pic6.png) ![7 Downloading a selected session. ](images/pic7.png) -![8 Importiog a session json file. ](images/pic7.png) +![8 Importiog a session json file. ](images/pic8.png) diff --git a/src/pages/import.html b/src/pages/import.html index 88cb46d..1744ce0 100644 --- a/src/pages/import.html +++ b/src/pages/import.html @@ -4,6 +4,7 @@ Easy Session Manager Import + @@ -52,6 +27,5 @@ body, html { - diff --git a/src/styles/styles.css b/src/styles/styles.css index 55218f2..f5563d3 100644 --- a/src/styles/styles.css +++ b/src/styles/styles.css @@ -23,6 +23,29 @@ button { display: none; } +#lableTag { + top: 48%; + margin: 0 auto; + color: rgba(255, 255, 255, 0.5); +} + +.container { + width: 100%; + height: 100%; + background-image: url('../images/icons/import.png'); + background-repeat: no-repeat; + background-position: center; + text-align: center; + background-color: rgba(41, 95, 115, 0.85); + transition: 0.6s; +} + +.container:hover { + transition: 0.6s; + background-color: rgba(41, 95, 115, 0.65); + cursor: pointer; +} + .selected { background-color: #a3b83b; box-shadow: 0px 5px 5px 5px #444444;