Differential D238 Diff 839 src/app/home/home.component.scss

Changeset View

Standalone View

				.home {
				&-content {
				&-container {
				width: 100vw;
				position: fixed;
				top: 0;
				left: 0;
				}
				}
				&-input {
				font-size: 100%;
				width: 100%;
				border: none;
				outline: none;
				box-shadow: none;
				color: #A2A2A2;
				margin: 0;
				padding: 0;
				max-width: 1000px;
				overflow-y: auto;
				}
				&-container {
				padding-left: 2rem;
				padding-right: 2rem;
				width: 100vw;
				max-width: 1000px;
				}
				&-subtitle {
				text-align: left;
				font-family: 'Mukta', sans-serif;
				font-weight: 500;
				font-size: 2rem;
				height: 40px;
				display: flex;
				justify-content: center;
				align-items: center;
				}
				&-comment {
				&-container {
				width: 100vw;
				max-width: 1000px;
				}
				}
				}

				#comment {
				display: none;
				flex-direction: column;
				box-sizing: border-box;
				flex-direction: column;
				place-content: center;
				align-items: center;
				}

				#comment-box {
				display: none;
				flex-direction: row;
				box-sizing: border-box;
				flex-direction: column;
				place-content: center space-between;
				align-items: center;
				height: 5vh;background: #ffffff;
				padding-left: 2rem;
				padding-right: 2rem;
				box-shadow: 0px -1px 50px rgba(0, 0, 0, 0.25);
				position: fixed;
				bottom: 0;
				width: 100%;
				left: 0;
				}

				#comment-tab {
				display: none;
				flex-direction: row;
				box-sizing: border-box;
				flex-direction: column;
				place-content: center space-between;
				align-items: center;
				height: 5vh;
				background: #ffffff;
				padding-left: 2rem;
				padding-right: 2rem;
				box-shadow: 0px -1px 50px rgba(0, 0, 0, 0.25);
				position: fixed;
				width: 100%;
				top: 0;
				left: 0;
				}