Add view event desktop

2026-04-21 05:45:50 +00:00 · 2021-03-12 14:38:55 +01:00
parent 2867e4964d
commit bedb372a18
16 changed files with 851 additions and 29 deletions
@@ -0,0 +1,172 @@
+:host{
+    background: transparent;
+    padding: 0!important;
+  }
+  ion-content{
+    --background: transparent;
+    transform: translate3d(0, 5px, 0);
+    --border-radius: 30px;
+  }
+  ion-toolbar{
+    --border-width: 0 !important;
+    --border-style: none;
+    --padding-top: 0px !important;
+    --padding-start: 0px !important;
+    --padding-right: 0px !important;
+    --padding-end: 0px !important;
+
+  }
+
+  .div-top-header{
+    width: 400px;
+    margin: 0 auto;
+    background-color: #0782c9;
+    overflow: auto;
+    padding-top: 15px;
+    border: 0!important;
+  }
+  .div-search{
+    font-size: 45px;
+    float: left;
+    margin: 0 0 0 10px
+  }
+  .div-logo{
+    background: transparent;
+    width: 140px;
+    margin: 5px 0 0px 71px;
+    float: left;
+  }
+  .div-logo img{
+    width: 100%;
+  }
+  .div-profile{
+    font-size: 45px;
+    float: right;
+    margin-right: 10px;
+  }
+  .main-header{
+    width: 100%; /* 400px */
+    height: 100%;
+    font-family: Roboto;
+    border-top-left-radius: 25px;
+    border-top-right-radius: 25px;
+    background-color: #fff;
+    overflow:hidden;
+    padding: 25px 20px 0px 20px;
+    color:#000;
+    
+  }
+  .main-content{
+    width: 100%; /* 400px */
+    height: 100%;
+    font-family: Roboto;
+    margin: 0 auto;
+    background-color: #fff;
+    overflow:auto;
+    padding: 15px 20px 0 20px;
+  }
+  .content-top{
+    background: #f3f2f2;
+    height: 20px;
+    margin: 0 auto;
+    border-top-left-radius: 25px;
+    border-top-right-radius: 25px;
+    transform: translate3d(0, 1px, 0);
+}
+  .content-container{
+    width: 100%;
+    margin:0 auto;
+    border-top-left-radius: 25px;
+    border-top-right-radius: 25px;
+    background: #ffffff;
+    height: 100%;
+    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.6);
+    padding: 25px 0px 0 0px;
+    overflow: auto;
+  }
+  .title-content{
+    margin: 0px auto;
+    overflow: auto;
+    padding: 0 !important;
+  }
+
+  .back-icon{
+    width: 37px;
+    float: left;
+    font-size: 35px;
+    overflow: auto;
+    
+  }
+  .div-title{
+    /* padding: 0!important; */
+    float: left;
+    margin: 2.5px 0 0 5px;
+  }
+  .title{
+    font-size: 25px;
+  }
+  
+  .actions-icon{
+    width: 92px;
+    float: right;
+    overflow: auto;
+  }
+  .actions-icon ion-icon{
+      margin-left: 10px;
+      font-size: 35px;
+      float: right;
+  }
+  .item-content-date{
+    color: #797979;
+    font-size: 13px;
+  }
+  .item-content-detail{
+    color: #000000;
+    font-size: 13px;
+  }
+  .post-item{
+    width: 100%;
+    overflow: auto;
+    margin: 0 auto;
+    border-radius: 0px;
+    padding: 0!important;
+  }
+  .post-img{
+      width: 100%;
+      height: 400px;
+      margin: 0 auto;
+      border-radius: 0px!important;
+      overflow: hidden;
+  }
+  .post-img img{
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+  }
+  .post-content{
+    margin: 0 auto;
+    margin-bottom: 35px;
+  }
+  .post-title-time{
+    width: 100%;
+    overflow: auto;
+    margin-top: 10px;
+  }
+  .post-title{
+      width: 60%;
+      float: left;
+      font-size: 15px;
+      color: #0d89d1;
+  }
+.post-data{
+    width: 40%;
+    float: left;
+    font-size: 13px;
+    color: #797979;
+    text-align: right;
+}
+  .post-description{
+      font-size: 13px;
+      color: #000;
+
+  }