Skip to content

Clean up spacing and other things in various parts of the UI #1972

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DevonRD merged 18 commits into from
Jul 12, 2025
Merged

Clean up spacing and other things in various parts of the UI #1972

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
23170be
Fix spacing on Camera Matching cards
Gold856 May 7, 2025
55a9dd6
Realign the Metrics card
Gold856 May 7, 2025
b1f5c85
Fix noncompliant HTML (no visual change)
Gold856 May 7, 2025
58c5393
Fix layout of CamerasView header and adjust padding for consistency
Gold856 May 8, 2025
d671932
Center everything in calibration table and reduce padding to make it …
Gold856 May 8, 2025
b92eb93
Reduce padding on table headings in the target tab
Gold856 May 12, 2025
e7b2fad
Fix LED control card padding
Gold856 Jun 6, 2025
beff61a
Clean up padding and negative margin for camera and pipeline card
Gold856 Jun 6, 2025
f137b19
Fix padding when importing settings
Gold856 Jun 6, 2025
a3e2606
Fix padding on camera control card
Gold856 Jun 6, 2025
0c26554
Shrink padding to 20px and fix spacing in dialogs
Gold856 Jun 18, 2025
d289689
Fix all resolutions showing up at the same time in calibration
Gold856 Jul 4, 2025
c344d59
Fix wrong symbol
Gold856 Jul 4, 2025
658444c
Fix table contents moving around
Gold856 Jul 4, 2025
ce0c2cd
Preserve whitespace in log messages
Gold856 Jul 5, 2025
19b0782
Clean up object detection UI
Gold856 Jul 6, 2025
c31e4c2
Fix deprecated SCSS code
Gold856 Jul 11, 2025
75a9f25
Fix banner color not filling the background
Gold856 Jul 12, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion photon-client/src/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,8 +73,9 @@ if (!is_demo) {
<style lang="scss">
@use "@/assets/styles/settings";
@use "@/assets/styles/variables";
@use "sass:map";

@media #{map-get(settings.$display-breakpoints, 'md-and-down')} {
@media #{map.get(settings.$display-breakpoints, 'md-and-down')} {
html {
font-size: 14px !important;
}
Expand Down
45 changes: 43 additions & 2 deletions photon-client/src/assets/styles/variables.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import "@fontsource/prompt";
@use "@fontsource/prompt";

$default-font: "Prompt", sans-serif !default;
$body-font-family: $default-font;
Expand All @@ -24,10 +24,51 @@ html {
background: #005281 !important;
}

.v-card__title {
.v-banner {
padding: 4px !important;
}

.v-card-title,
.v-dialog > .v-overlay__content > .v-card > .v-card-title,
.v-dialog > .v-overlay__content > form > .v-card > .v-card-title {
padding: 20px;
word-break: break-word !important;
}

.v-card-text,
.v-dialog > .v-overlay__content > .v-card > .v-card-text,
.v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
font-size: 1rem;
padding: 20px;
}

.v-card-subtitle,
.v-dialog > .v-overlay__content > .v-card > .v-card-subtitle,
.v-dialog > .v-overlay__content > form > .v-card > .v-card-subtitle {
font-size: 1rem;
padding: 20px;
}

.v-field__input {
padding: 0px !important;
}

.pb-10px {
padding-bottom: 10px !important;
}

.pt-10px {
padding-top: 10px !important;
}

.pl-10px {
padding-left: 10px !important;
}

.pr-10px {
padding-right: 10px !important;
}

.pa-10px {
padding: 10px !important;
}
5 changes: 5 additions & 0 deletions photon-client/src/components/app/photon-log-entry.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,3 +22,8 @@ const logColorClass = computed<string>(() => {
<template>
<div :class="logColorClass">[{{ source.timestamp.toTimeString().split(" ")[0] }}] {{ source.message }}</div>
</template>
<style scoped>
div {
white-space: pre-wrap;
}
</style>
4 changes: 2 additions & 2 deletions photon-client/src/components/app/photon-log-view.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ document.addEventListener("keydown", (e) => {

<template>
<v-dialog v-model="useStateStore().showLogModal" width="1500" dark>
<v-card class="dialog-container pa-6" color="primary" flat>
<v-card class="dialog-container pa-5" color="primary" flat>
<!-- Logs header -->
<v-row class="pb-3">
<v-col cols="4">
Expand Down Expand Up @@ -168,7 +168,7 @@ document.addEventListener("keydown", (e) => {

.log-display {
/* Dialog data size - options */
height: calc(100% - 66px);
height: calc(100% - 56px);
padding: 10px;
background-color: #232c37 !important;
border-radius: 5px;
Expand Down
Loading
Loading