0xb00b5/0xb00b5-packmate
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pixel checkboxes, button spacing, and use fork image

Browse Source
This commit is contained in:
dan
2025-12-06 20:07:10 +03:00
parent f52d68300c
commit edcf2a0987
3 changed files with 46 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docker-compose.yml
View File

@@ -20,7 +20,7 @@ services:
context: . context: .
dockerfile: docker/Dockerfile_app dockerfile: docker/Dockerfile_app
network_mode: "host" network_mode: "host"
image: registry.gitlab.com/packmate/packmate:${BUILD_TAG:-latest} image: registry.gitlab.com/melekdan/0xb00b5-packmate:${BUILD_TAG:-latest}
volumes: volumes:
- "./pcaps/:/app/pcaps/:ro" - "./pcaps/:/app/pcaps/:ro"
- "./rsa_keys/:/app/rsa_keys/:ro" - "./rsa_keys/:/app/rsa_keys/:ro"

17
frontend/src/components/Packet.vue
View File

@@ -3,9 +3,9 @@
<div>#{{ packet.id }} at {{ dateToText(packet.timestamp) }} <div>#{{ packet.id }} at {{ dateToText(packet.timestamp) }}
<template v-if="offset !== null"> (+{{ offset }} ms)</template> <template v-if="offset !== null"> (+{{ offset }} ms)</template>
{{ printPacketFlags(packet) }} {{ printPacketFlags(packet) }}
<button @click.prevent="copyRaw" class="btn btn-link">Copy HEX</button> <button @click.prevent="copyRaw" class="btn btn-link copy-btn">Copy HEX</button>
<button @click.prevent="copyText" class="btn btn-link">Copy text</button> <button @click.prevent="copyText" class="btn btn-link copy-btn">Copy text</button>
<button @click.prevent="copyPythonBytes" class="btn btn-link">Copy as Python bytes</button> <button @click.prevent="copyPythonBytes" class="btn btn-link copy-btn">Copy as Python bytes</button>
</div> </div>
<p v-if="!this.$store.state.hexdumpMode" <p v-if="!this.$store.state.hexdumpMode"
class="pt-2 pb-2 mb-3" class="pt-2 pb-2 mb-3"
@@ -178,6 +178,17 @@
}; };
</script> </script>
<style scoped>
.copy-btn {
margin-left: 10px;
font-family: var(--pixel-font);
font-size: 10px;
letter-spacing: 0.4px;
padding-left: 6px;
padding-right: 6px;
}
</style>
<style scoped> <style scoped>
.packet-outgoing { .packet-outgoing {
background: linear-gradient(135deg, rgba(255, 106, 213, 0.12), rgba(14, 18, 40, 0.85)); background: linear-gradient(135deg, rgba(255, 106, 213, 0.12), rgba(14, 18, 40, 0.85));

31
frontend/src/views/ServiceModal.vue
View File

@@ -152,4 +152,35 @@
color: var(--text); color: var(--text);
box-shadow: 0 0 12px rgba(198, 107, 255, 0.25); box-shadow: 0 0 12px rgba(198, 107, 255, 0.25);
} }
::v-deep .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 8px rgba(198, 107, 255, 0.5);
}
::v-deep .custom-checkbox .custom-control-label::before {
border: 1px solid rgba(122, 29, 255, 0.8);
background: rgba(122, 29, 255, 0.08);
box-shadow: inset 0 0 0 1px rgba(198, 107, 255, 0.35);
}
::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background: rgba(122, 29, 255, 0.18);
border-color: rgba(198, 107, 255, 0.9);
box-shadow: 0 0 10px rgba(198, 107, 255, 0.4);
}
::v-deep .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background: transparent;
width: 12px;
height: 12px;
left: 5px;
top: 4px;
transform: none;
box-shadow:
2px 6px 0 #c66bff,
4px 8px 0 #c66bff,
6px 6px 0 #c66bff,
6px 4px 0 #c66bff,
8px 6px 0 #c66bff;
}
</style> </style>