Bladeren bron

Added title to create community station.

KrisVos130 7 jaren geleden
bovenliggende
commit
93545ea39f
2 gewijzigde bestanden met toevoegingen van 18 en 1 verwijderingen
  1. 3 0
      frontend/app/js/views/Home/index.jsx
  2. 15 1
      frontend/app/styles/home.scss

+ 3 - 0
frontend/app/js/views/Home/index.jsx

@@ -359,6 +359,9 @@ export default class Homepage extends Component {
 					{ (this.props.loggedIn) ? (
 					{ (this.props.loggedIn) ? (
 						<div className="station-card">
 						<div className="station-card">
 							<div className="station-media station-media-icon">
 							<div className="station-media station-media-icon">
+								<div className="create-station-header">
+									<h3>Create community station</h3>
+								</div>
 								<i className="material-icons" title={ this.props.t("createCommunityStation:addCommunityStation") } onClick={ this.createCommunity }>add</i>
 								<i className="material-icons" title={ this.props.t("createCommunityStation:addCommunityStation") } onClick={ this.createCommunity }>add</i>
 							</div>
 							</div>
 							<div className="station-body">
 							<div className="station-body">

+ 15 - 1
frontend/app/styles/home.scss

@@ -36,7 +36,21 @@ main#homepage {
 				background-color: $musare_color_primary_blue;
 				background-color: $musare_color_primary_blue;
 				color: #EFEFEF; //TODO Change this color and figure out proper sizes
 				color: #EFEFEF; //TODO Change this color and figure out proper sizes
 
 
-				> * {
+				.create-station-header {
+					height: 50px;
+					width: 100%;
+					background-color: hsla(0,0,100%,.25); //TODO Change this color and figure out proper sizes
+
+					h3 {
+						font-size: 22px;
+						line-height: 50px;
+						color: $musare_color_white;
+						text-align: center;
+					}
+				}
+
+				> i {
+					margin-top: -25px;
 					font-size: 296px;
 					font-size: 296px;
 					cursor: pointer;
 					cursor: pointer;
 					user-select: none;
 					user-select: none;