hopfma/om
4
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Speicherfunktion / Buefy auf Profil angewendet

Browse Source
This commit is contained in:
Edwina Barbalan
2019-06-04 16:42:45 +02:00
parent aba5a9ce8e
commit d77c8d69e3
6 changed files with 200 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/style/style.css
+51 -14
View File
@@ -5,6 +5,7 @@
z-index: 1;
width: 100%;
display: block;
z-index: 10;
}
.om-header {
justify-content: space-between;
@@ -39,7 +40,7 @@
height: 65px;
width: 100%;
background-color: #0046a0;
z-index: 5;
z-index: 10;
}
.om-nav i {
color: white;
@@ -86,45 +87,81 @@
margin: 10px;
}
.profil-text {
margin-top: 70px;
margin-bottom: 10px;
margin-top: 90px;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 2;
}
.profil-card {
margin: 10px;
margin-top: -80px;
margin-left: 10px;
margin-right: 10px;
margin-top: 130px;
padding-top: 10px;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.profil-img {
.prof-image {
background-color: #0046a0;
border-style: solid;
border-color: #0046a0;
border-width: thick;
border-radius: 50%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
display: block;
position: absolute;
top: -50px;
left: 50%;
margin-left: -60px;
width: 120px !important;
height: 120px;
z-index: 4;
}
hr.first {
margin-top: 0px;
margin-bottom: 0px;
}
.btnprofil {
height: 60px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 2;
margin-bottom: 10px;
text-align: center;
}
.edit-item {
.btnprofil button {
width: 110px;
display: inline-block;
margin-right: 20px;
margin-left: 20px;
}
.logout-item {
color: #0046a0;
margin-top: 10px;
margin-top: -25px;
margin-right: 10px;
}
.edit-item i {
.logout-item i {
float: right;
font-size: 30px;
z-index: 3;
}
.modal-dialog {
height: 90%;
.vertical-alignment-helper {
display: table;
height: 100%;
width: 100%;
}
.vertical-align-center {
/* To center vertically */
display: table-cell;
vertical-align: middle;
}
.modal-content {
height: 100%;
width: inherit;
height: 80%;
/* To center horizontally */
margin: 0 auto;
}
.om-tab {
font-size: 16px;
public/style/style.less
+50 -19
View File
@@ -7,6 +7,7 @@
z-index: 1;
width: 100%;
display: block;
z-index:10;
}
.om-header{
@@ -46,7 +47,7 @@
height: 65px;
width: 100%;
background-color: @color;
z-index:5;
z-index:10;
i{
color: white;
}
@@ -109,55 +110,85 @@ a.nav-item.nav-link{
// profil
.profil-text {
margin-top: 70px;
margin-bottom: 10px;
margin-top: 90px;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
z-index:2;
}
.profil-card {
margin: 10px;
margin-top: -80px;
margin-left: 10px;
margin-right: 10px;
margin-top: 130px;
padding-top: 10px;
margin-bottom: 15px;
position: relative;
z-index:1;
}
.profil-img {
.prof-image {
background-color: @color;
border-style: solid;
border-color: @color;
border-width: thick;
border-radius: 50%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
display: block;
position: absolute;
top: -50px;
left: 50%;
margin-left: -60px;
width: 120px !important;
height: 120px;
z-index:4;
}
hr.first {
margin-top: 0px;
margin-bottom: 0px;
}
.btnprofil {
height: 60px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index:2;
margin-bottom: 10px;
text-align: center;
button {
width: 110px;
display: inline-block;
margin-right: 20px;
margin-left: 20px;
}
.edit-item {
}
.logout-item {
color: @color;
margin-top: 10px;
margin-top: -25px;
margin-right: 10px;
i {
float: right;
font-size: 30px;
z-index:3;
}
}
// Modal
.modal-dialog {
height: 90%;
.vertical-alignment-helper {
display:table;
height: 100%;
width: 100%;
}
.vertical-align-center {
/* To center vertically */
display: table-cell;
vertical-align: middle;
}
.modal-content {
height: 100%;
width:inherit;
height: 80%;
/* To center horizontally */
margin: 0 auto;
}
//.modal-header {
// background-color: @color;
// color: #FFF;
//}
.om-tab {
font-size: 16px;
display: block;