Browse Source

Bookmark-Icon auf Card gepackt + Keine Nav-Zeile beim Formular

pull/1/head
Xenia Grünzinger 5 years ago
parent
commit
b2ecbb6e12
5 changed files with 16 additions and 5 deletions
  1. 1
    1
      public/createMessage.js
  2. 1
    1
      public/index.html
  3. 3
    2
      public/msgCard.js
  4. 5
    0
      public/style/style.css
  5. 6
    1
      public/style/style.less

+ 1
- 1
public/createMessage.js View File

</label> </label>
</div> </div>
</div> </div>
<button class="btn btn-default"><a href="index.html#/home">ABBRECHEN </a></button>
<button class="btn btn-default"><a @click="$router.go(-1)">ABBRECHEN </a></button>
<button type="submit" class="btn btn-raised om-btn">SENDEN</button> <button type="submit" class="btn btn-raised om-btn">SENDEN</button>
</form> </form>
</div> </div>

+ 1
- 1
public/index.html View File

<router-view></router-view> <router-view></router-view>
</div> </div>


<nav class="nav nav-tabs nav-justified om-nav ">
<nav class="nav nav-tabs nav-justified om-nav" v-if="$route.path !=='/createMessage' ">
<router-link to="/home" class="nav-item nav-link"><i class="material-icons">home</i></router-link> <router-link to="/home" class="nav-item nav-link"><i class="material-icons">home</i></router-link>
<router-link to="/files" class="nav-item nav-link"><i class="material-icons">folder</i></router-link> <router-link to="/files" class="nav-item nav-link"><i class="material-icons">folder</i></router-link>
<router-link to="/createMessage" class="nav-item nav-link outlined"><i class="material-icons">add_circle</i></router-link> <router-link to="/createMessage" class="nav-item nav-link outlined"><i class="material-icons">add_circle</i></router-link>

+ 3
- 2
public/msgCard.js View File

</h6> </h6>
{{ msg.message }}<br><br> {{ msg.message }}<br><br>
<a href="#">{{ msg.tag }}</a></p> <a href="#">{{ msg.tag }}</a></p>
<div class="om-user-line">
<div class="om-card-footer"> <div class="om-user-line">
<i class="material-icons">account_circle</i> <i class="material-icons">account_circle</i>
Erstellt von {{ msg.user }}
Erstellt von {{ msg.user }}</div>
<i class="material-icons">bookmark_border</i>
</div></div>`, </div></div>`,
props: ['msg'] props: ['msg']
}); });

+ 5
- 0
public/style/style.css View File

margin-bottom: 20px; margin-bottom: 20px;
padding: 20px; padding: 20px;
} }
.om-card-footer {
justify-content: space-between;
display: flex;
}
.om-btn { .om-btn {
background-color: #0046a0; background-color: #0046a0;
color: white; color: white;
} }
.om-user-line { .om-user-line {
display: flex; display: flex;
width: 80%;
} }
.om-user-line i { .om-user-line i {
margin-right: 2%; margin-right: 2%;

+ 6
- 1
public/style/style.less View File

margin-bottom: 20px; margin-bottom: 20px;
padding: 20px; padding: 20px;
} }

.om-card-footer{
justify-content: space-between;
display: flex;
}
.om-btn{ .om-btn{
background-color: @color; background-color: @color;
color: white; color: white;
} }
} }



.om-user-line{ .om-user-line{
display: flex; display: flex;
width: 80%;
i{ i{
margin-right: 2%; margin-right: 2%;
} }

Loading…
Cancel
Save