hotstovejer/openclassify
0
0
Fork 0
mirror of https://github.com/openclassify/openclassify.git synced 2026-02-09 23:06:08 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

user profile design pyro'ya aktarılması edited

Browse Source
This commit is contained in:
Muammer Top 2020-10-01 09:45:03 +03:00
parent d40f7dd282
commit 34a74eca8f
2 changed files with 8 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
addons/default/visiosoft/profile-module/resources/assets/css/profile.scss
View File

@ -3,7 +3,6 @@
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
padding-bottom: 10px; padding-bottom: 10px;
} }
.nav-link { .nav-link {
border: none; border: none;
border-radius: 0; border-radius: 0;
@ -11,77 +10,61 @@
color: #BCBDC3; color: #BCBDC3;
padding: 0; padding: 0;
margin-bottom: 5px; margin-bottom: 5px;
&:not(:last-child) { &:not(:last-child) {
border-right: 1px solid #dee2e6; border-right: 1px solid #dee2e6;
} }
img { img {
opacity: .5; opacity: .5;
width: 15px; width: 15px;
} }
} }
.nav-link.active { .nav-link.active {
font-size: 17px; font-size: 17px;
font-weight: bold; font-weight: bold;
color: #505050; color: #505050;
img { img {
opacity: 1; opacity: 1;
} }
} }
} }
.tab-content { .tab-content {
color: #707070; color: #707070;
#nav-profile { #nav-profile {
.username { .username {
font-size: 19px; font-size: 19px;
font-weight: 600; font-weight: 600;
} }
.last-login { .last-login {
font-weight: 400; font-weight: 400;
} }
img { img {
width: 165px; width: 165px;
height: 130px; height: 130px;
object-fit: cover; object-fit: cover;
border-radius: 20px; border-radius: 20px;
} }
.profile--form--area { .profile--form--area {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.form-group { .form-group {
width: 100%; width: 100%;
&:not(:last-child) { &:not(:last-child) {
margin-right: 10px; margin-right: 10px;
} }
input { input {
border-radius: 4px; border-radius: 4px;
font-size: 13px; font-size: 13px;
border: 1px solid #E5E5E5; border: 1px solid #E5E5E5;
} }
} }
@media (max-width: 992px) { @media (max-width: 992px) {
display: block; display: block;
& input { & input {
width: 100%; width: 100%;
} }
} }
} }
.account--disable--content { .account--disable--content {
width: 80%; width: 80%;
height: 58px; height: 58px;
@ -94,13 +77,11 @@
width: 100%; width: 100%;
height: auto; height: auto;
} }
button { button {
font-size: 14px; font-size: 14px;
height: 34px; height: 34px;
} }
} }
@media (max-width: 992px) { @media (max-width: 992px) {
.profile--desc { .profile--desc {
flex-direction: column; flex-direction: column;

14
addons/default/visiosoft/profile-module/resources/views/profile/detail.twig
View File

@ -1,7 +1,9 @@
{% extends "theme::layouts/default" %} {% extends "theme::layouts/default" %}
{% block styles %} {% block styles %}
{{ asset_style("visiosoft.module.profile::assets/css/profile.scss") }} <style>
{{ asset_inline("visiosoft.module.profile::assets/css/profile.scss") }}
</style>
{% endblock %} {% endblock %}
{% block content %} {% block content %}
@ -60,20 +62,20 @@
<div class="mt-4"> <div class="mt-4">
<div class="profile--form--area"> <div class="profile--form--area">
<div class="form-group"> <div class="form-group">
<label class="control-label font-weight-bold" for=""> <label class="control-label font-weight-bold">
{{ trans("visiosoft.module.profile::field.first_name.name") }} {{ trans("visiosoft.module.profile::field.first_name.name") }}
</label> </label>
{{ userForm.fields.first_name.input|raw }} {{ userForm.fields.first_name.input|raw }}
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="control-label font-weight-bold" for=""> <label class="control-label font-weight-bold">
{{ trans("visiosoft.module.profile::field.last_name.name") }} {{ trans("visiosoft.module.profile::field.last_name.name") }}
</label> </label>
{{ userForm.fields.last_name.input|raw }} {{ userForm.fields.last_name.input|raw }}
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="control-label font-weight-bold" for=""> <label class="control-label font-weight-bold">
{{ trans("visiosoft.module.profile::field.email.name") }} {{ trans("visiosoft.module.profile::field.email.name") }}
</label> </label>
{{ userForm.fields.email.input|raw }} {{ userForm.fields.email.input|raw }}
@ -88,10 +90,10 @@
<p class="mb-0 mr-4"> <p class="mb-0 mr-4">
{{ trans('visiosoft.module.profile::message.disable_account') }} {{ trans('visiosoft.module.profile::message.disable_account') }}
</p> </p>
<button type="button" class="btn btn-danger" <a type="button" class="btn btn-danger text-white"
onclick="window.location.href='/profile/closeAccount'"> onclick="window.location.href='/profile/closeAccount'">
{{ trans("visiosoft.module.profile::field.disable_account.name") }} {{ trans("visiosoft.module.profile::field.disable_account.name") }}
</button> </a>
</div> </div>
</div> </div>
</div> </div>