hotstovejer/openclassify
0
0
Fork 0
mirror of https://github.com/openclassify/openclassify.git synced 2026-01-11 18:01:10 -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;
padding-bottom: 10px;
}
.nav-link {
border: none;
border-radius: 0;
@ -11,77 +10,61 @@
color: #BCBDC3;
padding: 0;
margin-bottom: 5px;
&:not(:last-child) {
border-right: 1px solid #dee2e6;
}
img {
opacity: .5;
width: 15px;
}
}
.nav-link.active {
font-size: 17px;
font-weight: bold;
color: #505050;
img {
opacity: 1;
}
}
}
.tab-content {
color: #707070;
#nav-profile {
.username {
font-size: 19px;
font-weight: 600;
}
.last-login {
font-weight: 400;
}
img {
width: 165px;
height: 130px;
object-fit: cover;
border-radius: 20px;
}
.profile--form--area {
display: flex;
justify-content: space-between;
.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) {
display: block;
& input {
width: 100%;
}
}
}
.account--disable--content {
width: 80%;
height: 58px;
@ -94,13 +77,11 @@
width: 100%;
height: auto;
}
button {
font-size: 14px;
height: 34px;
}
}
@media (max-width: 992px) {
.profile--desc {
flex-direction: column;

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

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