mirror of https://github.com/ColorlibHQ/AdminLTE
updated .user-block & .widget-user
parent
4d0080e1c6
commit
7d15c6ac8c
|
@ -70,7 +70,7 @@
|
||||||
|
|
||||||
// User block
|
// User block
|
||||||
.user-block {
|
.user-block {
|
||||||
@include clearfix;
|
float: left;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -88,11 +88,13 @@
|
||||||
.username {
|
.username {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
margin-top: -1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
color: #999;
|
color: $gray-600;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
margin-top: -3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.user-block-sm {
|
&.user-block-sm {
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
@include border-top-radius($border-radius);
|
@include border-top-radius($border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
height: 120px;
|
height: 135px;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -25,7 +25,7 @@
|
||||||
.widget-user-username {
|
.widget-user-username {
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 0;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
text-shadow: 0 1px 1px rgba($black, 0.2);
|
text-shadow: 0 1px 1px rgba($black, 0.2);
|
||||||
}
|
}
|
||||||
|
@ -40,7 +40,7 @@
|
||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -45px;
|
margin-left: -45px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 65px;
|
top: 75px;
|
||||||
|
|
||||||
> img {
|
> img {
|
||||||
border: 3px solid $white;
|
border: 3px solid $white;
|
||||||
|
|
|
@ -1897,7 +1897,7 @@
|
||||||
<!-- Widget: user widget style 1 -->
|
<!-- Widget: user widget style 1 -->
|
||||||
<div class="card card-widget widget-user">
|
<div class="card card-widget widget-user">
|
||||||
<!-- Add the bg color to the header using any of the bg-* classes -->
|
<!-- Add the bg color to the header using any of the bg-* classes -->
|
||||||
<div class="widget-user-header bg-info-active">
|
<div class="widget-user-header bg-info">
|
||||||
<h3 class="widget-user-username">Alexander Pierce</h3>
|
<h3 class="widget-user-username">Alexander Pierce</h3>
|
||||||
<h5 class="widget-user-desc">Founder & CEO</h5>
|
<h5 class="widget-user-desc">Founder & CEO</h5>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1943,8 +1943,8 @@
|
||||||
<!-- Add the bg color to the header using any of the bg-* classes -->
|
<!-- Add the bg color to the header using any of the bg-* classes -->
|
||||||
<div class="widget-user-header text-white"
|
<div class="widget-user-header text-white"
|
||||||
style="background: url('../dist/img/photo1.png') center center;">
|
style="background: url('../dist/img/photo1.png') center center;">
|
||||||
<h3 class="widget-user-username">Elizabeth Pierce</h3>
|
<h3 class="widget-user-username text-right">Elizabeth Pierce</h3>
|
||||||
<h5 class="widget-user-desc">Web Designer</h5>
|
<h5 class="widget-user-desc text-right">Web Designer</h5>
|
||||||
</div>
|
</div>
|
||||||
<div class="widget-user-image">
|
<div class="widget-user-image">
|
||||||
<img class="img-circle" src="../dist/img/user3-128x128.jpg" alt="User Avatar">
|
<img class="img-circle" src="../dist/img/user3-128x128.jpg" alt="User Avatar">
|
||||||
|
|
Loading…
Reference in New Issue