bilhej

Author SHA1 Message Date

Author	SHA1	Message	Date
jocke	d7739bcd58	Merge pull request 'fix(admin): restore broken table styling after focused-modules refactor' (#12 ) from fix/admin-table-styling into master All checks were successful CI / Lint, type check, unit tests, coverage (push) Successful in 2m6s Details CI / E2E browser tests (push) Successful in 3m21s Details Reviewed-on: https://srvr.nu/git/git/jocke/bilhej/pulls/12	2026-06-17 12:39:39 +00:00
Hermes Agent	4b35d8ff30	fix(admin): restore broken table styling after focused-modules refactor All checks were successful CI / Lint, type check, unit tests, coverage (pull_request) Successful in 6m8s Details CI / E2E browser tests (pull_request) Successful in 5m53s Details The `c7eeaf6` refactor split the monolithic AdminPage into AdminStatsBar, AdminOrdersTable, and AdminOrderDetailPanel. All CSS rules for the admin sub-components were left in AdminPage.vue's `<style scoped>` block. Vue 3 scoped styles only apply to elements in the parent's own template — they do not penetrate multi-root child components. Every element rendered by the extracted sub-components lost its styling (stats grid, table layout, column widths, status badges, expand icons, row highlighting, expanded detail panels, etc.), making the admin page appear visually broken. Changes: - frontend/src/pages/AdminPage.vue: remove `scoped` attribute from the `<style>` block. All selectors are BEM-namespaced under `.admin__*` so making them global is safe and is the minimal fix. Visual verification: N/A (sandbox cannot reach production). See git diff for the one-character change.	2026-06-17 11:29:24 +00:00

jocke

d7739bcd58

Merge pull request 'fix(admin): restore broken table styling after focused-modules refactor' (#12 ) from fix/admin-table-styling into master

CI / Lint, type check, unit tests, coverage (push) Successful in 2m6s

Details

CI / E2E browser tests (push) Successful in 3m21s

Details

Reviewed-on: https://srvr.nu/git/git/jocke/bilhej/pulls/12

2026-06-17 12:39:39 +00:00

Hermes Agent

4b35d8ff30

fix(admin): restore broken table styling after focused-modules refactor

CI / Lint, type check, unit tests, coverage (pull_request) Successful in 6m8s

Details

CI / E2E browser tests (pull_request) Successful in 5m53s

Details

The c7eeaf6 refactor split the monolithic AdminPage into AdminStatsBar,
AdminOrdersTable, and AdminOrderDetailPanel. All CSS rules for the admin
sub-components were left in AdminPage.vue's `<style scoped>` block. Vue 3
scoped styles only apply to elements in the parent's own template — they
do not penetrate multi-root child components. Every element rendered by
the extracted sub-components lost its styling (stats grid, table layout,
column widths, status badges, expand icons, row highlighting, expanded
detail panels, etc.), making the admin page appear visually broken.

Changes:
- frontend/src/pages/AdminPage.vue: remove `scoped` attribute from the
  `<style>` block. All selectors are BEM-namespaced under `.admin__*`
  so making them global is safe and is the minimal fix.

Visual verification: N/A (sandbox cannot reach production). See git diff
for the one-character change.

2026-06-17 11:29:24 +00:00

1 changed files with 1 additions and 1 deletions

									
										2

frontend/src/pages/AdminPage.vue
									
										View file
										
					@ -145,7 +145,7 @@ onUnmounted(() => {

					  </div>

					  </div>

					</template>

					</template>

					<style scoped>

					<style>

					.admin {

					.admin {

					  max-width: 72rem;

					  max-width: 72rem;

					  margin: var(--space-2xl) auto 0;

					  margin: var(--space-2xl) auto 0;

Compare commits

2 commits

c88fa142d3 ... d7739bcd58

2

frontend/src/pages/AdminPage.vue

View file

Compare commits

2 commits c88fa142d3 ... d7739bcd58

2 frontend/src/pages/AdminPage.vue Unescape Escape View file

2 commits

c88fa142d3 ... d7739bcd58

2

frontend/src/pages/AdminPage.vue

View file