feat(quote): redesign quote view (header, cost card, tabs, table)#309
Open
Terracosmos wants to merge 2 commits into
Open
feat(quote): redesign quote view (header, cost card, tabs, table)#309Terracosmos wants to merge 2 commits into
Terracosmos wants to merge 2 commits into
Conversation
Replace the hard-coded hex palette (TAB_TYPES, SUB_PALETTE, drill fallback) with Vuetify semantic theme tokens so the donut follows the active theme. Colors now go through style bindings because SVG presentation attributes do not resolve var(). Modernize the ring (thinner annulus, centred KPI, hairline slice separation) and align the legend on tabular figures.
Visual/layout pass only, all actions and data flows preserved: - header: provider tile, quote name + description pill, total cost as a key figure, period/refresh/refresh-prices/export grouped in a pill toolbar - cost card: modern ring + a row of stat tiles (instances, total vCPU, total RAM) next to the existing cost/CO2 toggle - tabs: count badges, primary underline, no uppercase transform - per-tab toolbar: pill search field, filtered/total counter pill, discreet danger delete-all - table: comfortable density, tabular numerals, mono type chip, location pill, row actions revealed on hover (pointer devices only) All colors come from theme tokens (Vuetify semantic variables and the shared .lj-surface design variables) so the 11 presets render without any hard-coded hex.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Visual/layout modernization of the quote view (QuoteView), no behavior change:
Theming
Zero hard-coded colors: everything goes through Vuetify semantic tokens (rgb/rgba(var(--v-theme-*))) and the shared .lj-surface design variables, so all 11 theme presets render correctly. The donut's legacy hex palettes (TAB_TYPES, SUB_PALETTE) were converted to theme tokens as part of this change; colors are applied through style bindings since SVG presentation attributes do not resolve var().
Testing
🤖 Generated with Claude Code