Skip to content

Minds Frontend
Minds Frontend
Commit e12f59de authored by Emiliano Balbuena's avatar Emiliano Balbuena
Browse files
Options

(chore): Pro homepage

parent 01017e31
epic/minds-pro
1 merge request!486WIP: (feat): Minds Pro (development branch) - Release 2
Pipeline #76055182 passed with stages
          in 28 minutes and 1 second
          Hide whitespace changes
          Inline Side-by-side
          Showing with 44 additions and 23 deletions
          src/app/modules/pro/channel/home/home.component.html
          View file @ e12f59de
          <div class="m-pro--channel-home">
          <div class="m-pro--channel-home--featured-content">
          <m-pro--channel-tile
          *ngFor="let entity of featuredContent"
          [entity]="entity"
          (click)="onContentClick(entity)"
          ></m-pro--channel-tile>
          <div class="m-pro--channel-home--section" *ngIf="featuredContent?.length">
          <h2 i18n>Featured Content</h2>
          <div class="m-pro--channel-home--featured-content">
          <m-pro--channel-tile
          *ngFor="let entity of featuredContent"
          [entity]="entity"
          (click)="onContentClick(entity)"
          ></m-pro--channel-tile>
          </div>
          </div>
          <div class="m-pro--channel-home--section" *ngIf="content?.length">
          <h2 i18n>Top Content</h2>
          <div class="m-pro--channel-home--content">
          <m-pro--channel-tile
          *ngFor="let entity of content"
          [entity]="entity"
          (click)="onContentClick(entity)"
          ></m-pro--channel-tile>
          </div>
          </div>
          <div class="m-pro--channel-home--content">
          <m-pro--channel-tile
          *ngFor="let entity of content"
          [entity]="entity"
          (click)="onContentClick(entity)"
          ></m-pro--channel-tile>
          <div class="m-pro--channel-home--loader" *ngIf="inProgress">
          <div class="mdl-spinner mdl-js-spinner is-active" [mdl]></div>
          </div>
          </div>
          src/app/modules/pro/channel/home/home.component.scss
          View file @ e12f59de
          .m-pro--channel-home {
          .m-pro--channel-home--title {
          margin: 0 0 16px;
          text-align: center;
          font-weight: 700;
          font-size: 60px;
          letter-spacing: 1px;
          .m-pro--channel-home--section {
          margin-top: 72px;
          &:first-child {
          margin-top: 0;
          }
          > h2 {
          margin: 0 0 24px;
          padding: 0;
          text-align: center;
          text-transform: uppercase;
          font-size: 24px;
          font-weight: 300;
          letter-spacing: 2px;
          line-height: 1.25;
          }
          }
          .m-pro--channel-home--headline {
          margin: 0 0 56px;
          .m-pro--channel-home--loader {
          text-align: center;
          font-weight: 300;
          font-size: 46px;
          margin: 32px auto;
          }
          .m-pro--channel-home--featured-content,
          ......@@ -43,7 +52,6 @@
          }
          .m-pro--channel-home--content {
          margin: 24px auto;
          grid-template-columns: repeat(3, 1fr);
          @media screen and (max-width: $max-mobile) {
          ......
          Markdown is supported
          0% or
          You are about to add 0 people to the discussion. Proceed with caution.
          Finish editing this message first!
          Please register or to comment