diff --git a/addons/default/visiosoft/profile-module/resources/assets/css/profile.scss b/addons/default/visiosoft/profile-module/resources/assets/css/profile.scss index 9ccc05938..ea9072a56 100644 --- a/addons/default/visiosoft/profile-module/resources/assets/css/profile.scss +++ b/addons/default/visiosoft/profile-module/resources/assets/css/profile.scss @@ -1,5 +1,117 @@ -.profile-section .nav-link.active { - background-color: #343a40 !important; - border-color: #343a40 #343a40 #343a40; - color: white!important; +.profile-section { + .nav-tabs { + border-bottom: 1px solid #dee2e6; + padding-bottom: 10px; + } + + .nav-link { + border: none; + border-radius: 0; + font-size: 16px; + color: #BCBDC3; + padding: 0; + margin-bottom: 5px; + margin-top: 15px; + outline: none; + + &.active { + font-size: 17px; + font-weight: bold; + color: #505050; + background-color: transparent; + + svg path { + fill: rgba(#000, 1); + } + } + + &:not(:last-child) { + border-right: 1px solid #dee2e6; + } + + svg { + margin-right: 5px; + width: 15px; + + path { + fill: rgba(#000, .4); + } + } + } +} + +.tab-content { + color: #707070; + + #nav-profile { + .username { + font-size: 19px; + font-weight: 600; + @media (max-width: 992px) { + justify-content: center; + } + } + + .last-login { + font-weight: 400; + @media (max-width: 992px) { + justify-content: center; + } + } + + img { + width: 165px; + height: 130px; + object-fit: cover; + border-radius: 20px; + @media (max-width: 992px) { + display: flex; + justify-content: center; + } + } + + .profile--form--area { + display: flex; + justify-content: space-between; + @media (max-width: 992px) { + display: block; + } + + .form-group { + width: 100%; + + &:not(:last-child) { + margin-right: 10px; + } + + input { + border-radius: 4px; + font-size: 13px; + border: 1px solid #E5E5E5; + @media (max-width: 992px) { + width: 100%; + } + } + } + } + + .account--disable--content { + width: 80%; + height: 58px; + background-color: #f3f5f6; + border-radius: 20px; + margin-top: 50px; + padding: 10px; + font-size: .7em; + @media (max-width: 992px) { + width: 100%; + height: auto; + } + + button { + font-size: 14px; + height: 34px; + } + } + } } \ No newline at end of file diff --git a/addons/default/visiosoft/profile-module/resources/images/detail.svg b/addons/default/visiosoft/profile-module/resources/images/detail.svg new file mode 100644 index 000000000..8e883c42d --- /dev/null +++ b/addons/default/visiosoft/profile-module/resources/images/detail.svg @@ -0,0 +1,3 @@ + diff --git a/addons/default/visiosoft/profile-module/resources/images/detail2.svg b/addons/default/visiosoft/profile-module/resources/images/detail2.svg new file mode 100644 index 000000000..8e883c42d --- /dev/null +++ b/addons/default/visiosoft/profile-module/resources/images/detail2.svg @@ -0,0 +1,3 @@ + diff --git a/addons/default/visiosoft/profile-module/resources/images/password.svg b/addons/default/visiosoft/profile-module/resources/images/password.svg new file mode 100644 index 000000000..042a4f017 --- /dev/null +++ b/addons/default/visiosoft/profile-module/resources/images/password.svg @@ -0,0 +1,3 @@ + diff --git a/addons/default/visiosoft/profile-module/resources/images/password2.svg b/addons/default/visiosoft/profile-module/resources/images/password2.svg new file mode 100644 index 000000000..042a4f017 --- /dev/null +++ b/addons/default/visiosoft/profile-module/resources/images/password2.svg @@ -0,0 +1,3 @@ + diff --git a/addons/default/visiosoft/profile-module/resources/images/profile.svg b/addons/default/visiosoft/profile-module/resources/images/profile.svg new file mode 100644 index 000000000..3937e6baf --- /dev/null +++ b/addons/default/visiosoft/profile-module/resources/images/profile.svg @@ -0,0 +1,5 @@ + diff --git a/addons/default/visiosoft/profile-module/resources/images/profile2.svg b/addons/default/visiosoft/profile-module/resources/images/profile2.svg new file mode 100644 index 000000000..3937e6baf --- /dev/null +++ b/addons/default/visiosoft/profile-module/resources/images/profile2.svg @@ -0,0 +1,5 @@ + diff --git a/addons/default/visiosoft/profile-module/resources/views/profile/detail.twig b/addons/default/visiosoft/profile-module/resources/views/profile/detail.twig index 12f1e5e3d..52368270e 100644 --- a/addons/default/visiosoft/profile-module/resources/views/profile/detail.twig +++ b/addons/default/visiosoft/profile-module/resources/views/profile/detail.twig @@ -1,5 +1,11 @@ {% extends "theme::layouts/default" %} +{% block styles %} + +{% endblock %} + {% block content %} {% embed 'visiosoft.module.profile::profile/index' %} {% block detail %} @@ -12,45 +18,26 @@