aiforge/templates/user/auth/signin.tmpl

{{template "base/head" .}}
<style>
	@media only screen and (max-width: 1200px) {
		._container {
			display:block !important;
		}
   	._left-img-area {
	 		display: none;
	 	}
	 	._right_content_area {
	 
	 	}
	 	._right_content_area .segment {	 
			margin-left: auto !important;
			border-top-left-radius: .28571429rem !important;
			border-bottom-left-radius: .28571429rem !important;
			border-left: border: 1px solid rgba(34,36,38,.15) !important;
	 	}
  }
</style>
<script>
var ActivityTpl = {{ .ActivityTpl }};
</script>
<div class="user signin{{if .LinkAccountMode}} icon{{end}}">
	<div class="ui container" style="margin-top:60px;">
		<div class="_container" style="display:flex;justify-content:center;">
			<div class="_left-img-area" style="padding-right:0;flex:2">
				<div style="width:450px;height:100%;float:right;border-radius:0.28571429rem;border-top-right-radius: 0;
					border-bottom-right-radius: 0;border-right:none !important;overflow: hidden;
					-webkit-box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);
					box-shadow: 0 2px 4px 0rgba(34,36,38,.12),0 2px 10px 0rgba(34,36,38,.15);">
					{{ if .ActivityTpl }}
						{{ .ActivityTpl | Safe}}
					{{ else }}
						{{ template "user/auth/signin_up_img_default" .}}
					{{ end }}
				</div>
			</div>
			<div class="_right_content_area" style="padding-left:0;flex:3;">
				<div class="ui raised very padded text container segment" style="margin-left:0;
					border-top-left-radius: 0;
					border-bottom-left-radius: 0;
					border-left: none !important;
				">
				{{template "user/auth/signin_navbar" .}}
				{{template "user/auth/signin_inner" .}}
			</div>
			</div>
		</div>
	</div>
</div>
{{template "base/footer" .}}