ad/packmate
1
0
Fork 0
mirror of https://github.com/Av0idD4rk/packmate.git synced 2026-10-25 03:29:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Поправил разметку, менее агрессивные цвета

Browse Source
This commit is contained in:
saber-nyan 2019-05-13 22:07:37 +03:00
parent c503f69ad3
commit aca7e908c4
No known key found for this signature in database
GPG Key ID: 7B069E9C295E6B4A
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Content.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<main class="col-md-9 ml-sm-auto col-lg-10 px-4"> <main class="col-md-9 ml-sm-auto col-lg-10 px-4">
<p> <p>
<span style="background: #e1f5fe; box-shadow: 0 0 5px 5px #e1f5fe;">Outgoing</span>, <span style="background: #fbe9e7; box-shadow: 0 0 5px 5px #fbe9e7;">incoming</span>. <span style="background: rgba(224, 246, 255, 0.4); box-shadow: 0 0 5px 5px rgba(224, 246, 255, 0.4);">Outgoing</span>, <span style="background: rgba(251, 233, 231, 0.4); box-shadow: 0 0 5px 5px rgba(251, 233, 231, 0.4);">incoming</span>.
</p> </p>
<Packet v-for="packet in packets" <Packet v-for="packet in packets"
:key="packet.id" :key="packet.id"

10
src/components/Packet.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="packet" :class="{'packet-incoming': isIncoming}"> <div class="packet" :class="{'packet-incoming': isIncoming}">
<div>#{{id}} at {{new Date(timestamp).toLocaleDateString('ru-RU', {month: '2-digit', day: '2-digit', hour:'2-digit', minute: '2-digit', second: '2-digit'})}}</div> <div>#{{id}} at {{new Date(timestamp).toLocaleDateString('ru-RU', {month: '2-digit', day: '2-digit', hour:'2-digit', minute: '2-digit', second: '2-digit'})}}</div>
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom"> <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-2 pb-2 mb-3 border-bottom">
<pre>{{ hexdata }}</pre> <pre>{{ hexdata }}</pre>
</div> </div>
</div> </div>
@ -48,13 +48,15 @@ export default {
font-family: "Ubuntu Mono", "Lucida Console", monospace; font-family: "Ubuntu Mono", "Lucida Console", monospace;
font-size: 100%; font-size: 100%;
color: black; color: black;
margin-bottom: 10px;
padding-bottom: 5px;
} }
.packet { .packet {
background: #e1f5fe; background: rgba(224, 246, 255, 0.4);
box-shadow: 0 0 5px 5px #e1f5fe; box-shadow: 0 0 5px 5px #e1f5fe;
} }
.packet-incoming { .packet-incoming {
background: #fbe9e7; background: rgba(251, 233, 231, 0.4);
box-shadow: 0 0 5px 5px #fbe9e7; box-shadow: 0 0 5px 5px rgba(251, 233, 231, 0.4);
} }
</style> </style>