go/mailpit
1
0
Fork 0
mirror of https://github.com/axllent/mailpit.git synced 2025-06-15 00:05:15 +02:00
Code Issues Releases Activity

Various UI tweaks

Browse Source
This commit is contained in:
Ralph Slooten
2024-08-06 17:38:42 +12:00
parent 27c36f52b2
commit 81e98d1376
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
server/ui-src/components/message/Message.vue
View File

@ -312,7 +312,7 @@ export default {
</script> </script>
<template> <template>
<div v-if="message" id="message-view" class="px-2 px-md-0 mh-100" style="overflow-y: scroll;"> <div v-if="message" id="message-view" class="px-2 px-md-0 mh-100">
<div class="row w-100"> <div class="row w-100">
<div class="col-md"> <div class="col-md">
<table class="messageHeaders"> <table class="messageHeaders">

5
server/ui-src/views/MessageView.vue
View File

@ -433,15 +433,16 @@ export default {
<template> <template>
<div class="navbar navbar-expand-lg navbar-dark row flex-shrink-0 bg-primary text-white"> <div class="navbar navbar-expand-lg navbar-dark row flex-shrink-0 bg-primary text-white">
<div class="d-none d-md-block col-xl-3 col-auto pe-0"> <div class="d-none d-xl-block col-xl-3 col-auto pe-0">
<RouterLink to="/" class="navbar-brand text-white me-0" @click="pagination.start = 0"> <RouterLink to="/" class="navbar-brand text-white me-0" @click="pagination.start = 0">
<img :src="resolve('/mailpit.svg')" alt="Mailpit"> <img :src="resolve('/mailpit.svg')" alt="Mailpit">
<span class="ms-2 d-none d-sm-inline">Mailpit</span> <span class="ms-2 d-none d-sm-inline">Mailpit</span>
</RouterLink> </RouterLink>
</div> </div>
<div class="col col-xl-5" v-if="!errorMessage"> <div class="col col-xl-5" v-if="!errorMessage">
<button @click="goBack()" class="btn btn-outline-light me-3 me-sm-4 d-md-none" title="Return to messages"> <button @click="goBack()" class="btn btn-outline-light me-3 d-xl-none" title="Return to messages">
<i class="bi bi-arrow-return-left"></i> <i class="bi bi-arrow-return-left"></i>
<span class="ms-2 d-none d-lg-inline">Back</span>
</button> </button>
<button class="btn btn-outline-light me-1 me-sm-2" title="Mark unread" v-on:click="toggleRead()"> <button class="btn btn-outline-light me-1 me-sm-2" title="Mark unread" v-on:click="toggleRead()">
<i class="bi bi-eye-slash me-md-2" :class="isRead ? 'bi-eye-slash' : 'bi-eye'"></i> <i class="bi bi-eye-slash me-md-2" :class="isRead ? 'bi-eye-slash' : 'bi-eye'"></i>