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

Merged Profil-Komponente

Browse Source
This commit is contained in:
Xenia Grünzinger 2018-12-12 14:40:27 +01:00
parent b2df5884dd
commit 645e111f51
3 changed files with 89 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/index.html
View File

@ -50,6 +50,9 @@
<script src="profil.js"></script> <script src="profil.js"></script>
<script src="msgCard.js"></script> <script src="msgCard.js"></script>
<script src="messageData.js"></script> <script src="messageData.js"></script>
<script src="profilCard.js"></script>
<script src="profilData.js"></script>
<title>OMApp</title> <title>OMApp</title>

42
public/style/style.css
View File

@ -75,6 +75,48 @@
font-size: 50px; font-size: 50px;
margin: 10px; margin: 10px;
} }
.profil-text {
margin-top: 70px;
margin-bottom: 10px;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.profil-card {
margin: 10px;
margin-top: -80px;
position: relative;
z-index: 1;
}
.profil-img {
background-color: #0046a0;
border-style: solid;
border-color: #0046a0;
border-width: thick;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 2;
}
.edit-item {
color: #0046a0;
margin-top: 10px;
margin-right: 10px;
}
.edit-item i {
float: right;
font-size: 30px;
}
.tab {
font-size: 16px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.form-group.is-focused .form-control .custom-file-control, .form-group.is-focused .form-control .custom-file-control,
.form-control, .form-control,
.is-focused .custom-file-control, .is-focused .custom-file-control,

44
public/style/style.less
View File

@ -90,6 +90,50 @@
} }
} }
// profil
.profil-text {
margin-top: 70px;
margin-bottom: 10px;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.profil-card {
margin: 10px;
margin-top: -80px;
position: relative;
z-index:1;
}
.profil-img {
background-color: @color;
border-style: solid;
border-color: @color;
border-width: thick;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
z-index:2;
}
.edit-item {
color: @color;
margin-top: 10px;
margin-right: 10px;
i {
float: right;
font-size: 30px;
}
}
.tab {
font-size: 16px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
//bmd changes //bmd changes