Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Edit profile button

Browse Source
This commit is contained in:
reverend
2020-12-25 16:42:39 +01:00
parent b4fba7b3f0
commit 799b9b2eff
3 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/01_Atoms/button/_button.scss
View File

@@ -8,6 +8,16 @@
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
&--fullWidth {
text-align: center;
}
&.LP-Link {
display: block;
&:hover {
color: $-almost-white
}
}
&:active { &:active {
background-color: $-wine-red; background-color: $-wine-red;
color: $-almost-white; color: $-almost-white;

1
components/02_Molecules/userInfo/userInfo.hbs
View File

@@ -40,5 +40,6 @@
</td> </td>
</tr> </tr>
</table> </table>
<a href="#" class="LP-Button LP-Button--fullWidth LP-Link">Edit profile</a>
</div> </div>
</div> </div>

6
public/main.css
View File

@@ -611,6 +611,12 @@ body {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
white-space: nowrap; } white-space: nowrap; }
.LP-Button--fullWidth {
text-align: center; }
.LP-Button.LP-Link {
display: block; }
.LP-Button.LP-Link:hover {
color: #f9f9f9; }
.LP-Button:active { .LP-Button:active {
background-color: #76323F; background-color: #76323F;
color: #f9f9f9; } color: #f9f9f9; }