瀏覽代碼

Added title to create community station.

KrisVos130 7 年之前
父節點
當前提交
93545ea39f
共有 2 個文件被更改,包括 18 次插入1 次删除
  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) ? (
 						<div className="station-card">
 							<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>
 							</div>
 							<div className="station-body">

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

@@ -36,7 +36,21 @@ main#homepage {
 				background-color: $musare_color_primary_blue;
 				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;
 					cursor: pointer;
 					user-select: none;