mirror of
https://github.com/taobataoma/meanTorrent.git
synced 2026-03-05 11:41:01 +01:00
feat(ui): improved social login buttons UI (#1471)
This commit is contained in:
@@ -7,46 +7,27 @@
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
.btn-remove-account {
|
||||
.btn-add-remove-account {
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
position: absolute;
|
||||
}
|
||||
.btn-file {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.btn-file input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
font-size: 100px;
|
||||
text-align: right;
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
background: white;
|
||||
cursor: inherit;
|
||||
display: block;
|
||||
pointer-events: none;
|
||||
}
|
||||
.user-profile-picture {
|
||||
min-height: 150px;
|
||||
max-height: 150px;
|
||||
}
|
||||
.cropArea {
|
||||
background: #E4E4E4;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background: #E4E4E4;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.social {
|
||||
-webkit-transition-duration: 0.4s;
|
||||
-moz-transition-duration: 0.4s;
|
||||
-o-transition-duration: 0.4s;
|
||||
transition-duration: 0.4s;
|
||||
.social-button {
|
||||
-webkit-transition-duration: 0.4s;
|
||||
-moz-transition-duration: 0.4s;
|
||||
-o-transition-duration: 0.4s;
|
||||
transition-duration: 0.4s;
|
||||
}
|
||||
.social-button:hover {
|
||||
opacity: 0.65;
|
||||
}
|
||||
|
||||
.social:hover {
|
||||
opacity: 0.65;
|
||||
}
|
||||
Reference in New Issue
Block a user