Skip to content

Commit 0519d0b

Browse files
committed
fix: correct spelling of "intercepter" in description and UI components; enhance layout with two-pane design and scrolling
1 parent 86c6482 commit 0519d0b

4 files changed

Lines changed: 23 additions & 12 deletions

File tree

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# HTTP Intercepter
22

3-
A tiny debug HTTP interceptor: it exposes an `/inbound` endpoint that accepts any POST request, stores it in memory, and shows it in a minimalist Vue UI. Includes a FastAPI backend API for listing, viewing, and deleting captured requests.
3+
A tiny debug HTTP intercepter: it exposes an `/inbound` endpoint that accepts any POST request, stores it in memory, and shows it in a minimalist Vue UI. Includes a FastAPI backend API for listing, viewing, and deleting captured requests.
44

55
[![CI](https://github.com/maesse/HTTPIntercepter/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/maesse/HTTPIntercepter/actions/workflows/ci.yml)
66

backend/pyproject.toml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
[project]
22
name = "httpintercepter-backend"
33
version = "0.1.0"
4-
description = "Debug HTTP interceptor backend (FastAPI)"
4+
description = "Debug HTTP intercepter backend (FastAPI)"
55
authors = [{name="Your Name"}]
66
requires-python = ">=3.10"
77
dependencies = [

frontend/src/App.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ function selectAllInbound(e: Event) {
3939
<v-app-bar-title class="font-semibold">
4040
<div class="flex items-center">
4141
<div>
42-
HTTP Interceptor
42+
HTTP Intercepter
4343
<div class="text-sm mr-4">
4444
Send a request to: <a href="/inbound" class="text-primary">/inbound</a>
4545
</div>

frontend/src/views/HomeView.vue

Lines changed: 20 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -40,13 +40,14 @@ function decodeBasicAuth(value: string): { isBasic: boolean; user?: string; pass
4040

4141
<template>
4242
<!-- Body: Sidebar + Main Content -->
43-
<div class="flex flex-1 overflow-hidden m-2 h-100">
43+
<div class="flex flex-1 overflow-hidden m-2 two-pane">
4444

4545
<!-- Sidebar -->
46-
<v-card elevation="2" class="w-80 ma-1 pa-1">
46+
<div class="pane-card">
47+
<v-card elevation="2" class="w-80 ma-1 pa-1 pane-scroll flex-1">
4748

4849
<v-fade-transition mode="out-in">
49-
<v-list density="compact" lines="two">
50+
<v-list density="compact" lines="two" >
5051
<v-list-subheader class="flex w-100 align-center border-b-lg flexfix">
5152
<span>
5253
Requests
@@ -102,10 +103,11 @@ function decodeBasicAuth(value: string): { isBasic: boolean; user?: string; pass
102103

103104
</v-list>
104105
</v-fade-transition>
105-
</v-card>
106106

107+
</v-card>
108+
</div>
107109
<!-- Main Content -->
108-
<div class="flex-1 p-4 overflow-y-auto">
110+
<div class="flex-1 p-4 pane-scroll">
109111

110112

111113
<v-fade-transition v-if="apiStore.selectedRequest" mode="out-in" >
@@ -248,10 +250,6 @@ function decodeBasicAuth(value: string): { isBasic: boolean; user?: string; pass
248250
}
249251
.live-chip {
250252
color: #fff !important;
251-
.pane-scroll {
252-
max-height: calc(100vh - 160px);
253-
overflow-y: auto;
254-
}
255253
padding-inline: 6px;
256254
}
257255
@keyframes livePulse {
@@ -260,6 +258,19 @@ function decodeBasicAuth(value: string): { isBasic: boolean; user?: string; pass
260258
100% { box-shadow: 0 0 4px #ff1744, 0 0 8px rgba(255, 23, 68, 0.6); }
261259
}
262260
261+
/* Two-pane layout sizing and scrolling */
262+
.two-pane {
263+
height: calc(100vh - var(--v-layout-top));
264+
}
265+
.pane-card {
266+
height: 100%;
267+
display: flex;
268+
flex-direction: column;
269+
}
270+
.pane-scroll {
271+
overflow-y: auto;
272+
}
273+
263274
/* Headers table styling */
264275
.headers-table {
265276
border-collapse: collapse;

0 commit comments

Comments
 (0)