Skip to content

fix: improve mobile admin layouts #106

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

Closed
orangeboyChen wants to merge 2 commits into from
+67 −13
Closed

fix: improve mobile admin layouts #106

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b836082
fix: isolate documentation postcss build
orangeboyChen Sep 4, 2026
4c38e08
fix: improve mobile admin layouts
orangeboyChen Sep 4, 2026
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
5 changes: 3 additions & 2 deletions .github/workflows/docs-pages.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ permissions:
id-token: write

concurrency:
group: pages
group: pages-${{ github.event_name }}-${{ github.event.pull_request.number || github.ref }}
cancel-in-progress: true

jobs:
Expand All @@ -31,7 +31,7 @@ jobs:

- name: Install documentation dependencies
working-directory: docs
run: bun install
run: bun install --frozen-lockfile

- name: Build documentation
working-directory: docs
Expand All @@ -47,6 +47,7 @@ jobs:

deploy:
needs: build
if: github.event_name == 'push' && github.ref == 'refs/heads/main'

@chatgpt-codex-connector chatgpt-codex-connector Bot Sep 4, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Preserve deployment for manual workflow runs

When an operator starts this workflow through the still-enabled workflow_dispatch trigger, the build and artifact upload complete but this condition skips the only deployment job. This makes manual documentation redeployments ineffective even though they deployed before this change; allow workflow_dispatch runs here as well, or remove the manual trigger if build-only runs are intentional.

Useful? React with 👍 / 👎.

runs-on: ubuntu-latest
environment:
name: github-pages
Expand Down
30 changes: 24 additions & 6 deletions app/account-status/account-status.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -178,13 +178,25 @@ const AccountStatusCard = ({
padding={20}
variant="outlined"
>
<Flexbox align="flex-start" distribution="space-between" horizontal>
<Flexbox direction="vertical" gap={4}>
<Flexbox
align="flex-start"
className="account-status-card-header"
distribution="space-between"
horizontal
width="100%"
>
<Flexbox
className="account-status-card-identity"
direction="vertical"
gap={4}
>
<Tooltip title={credential.email || credential.user_id}>
<Text strong>{credential.email || credential.user_id}</Text>
<Text className="account-status-card-name" strong>
{credential.email || credential.user_id}
</Text>
</Tooltip>
<Tooltip title={credential.filename}>
<Text ellipsis type="secondary">
<Text className="account-status-card-filename" type="secondary">
{credential.filename}
</Text>
</Tooltip>
Expand Down Expand Up @@ -213,8 +225,14 @@ const AccountStatusCard = ({
{text('accountStatus.resetAt')}: {snapshot.credits.resetAt ?? '—'}
</Text>
</Flexbox>
<Flexbox align="center" distribution="space-between" horizontal>
<Text type="secondary">
<Flexbox
align="center"
className="account-status-card-checkin"
distribution="space-between"
horizontal
width="100%"
>
<Text className="account-status-card-checkin-label" type="secondary">
{text('accountStatus.checkin')}:{' '}
{snapshot.checkin.claimed === true
? text('accountStatus.checkedIn')
Expand Down
44 changes: 39 additions & 5 deletions app/globals.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -166,8 +166,11 @@ textarea {
}

.console-header {
position: sticky !important;
left: 0;
position: fixed !important;
right: 0;
top: 0;
width: 100%;
z-index: 30;
}

Expand Down Expand Up @@ -273,7 +276,7 @@ textarea {
.console-main {
width: min(1440px, 100%);
margin: 0 auto;
padding: 24px 32px 48px;
padding: 80px 32px 48px;
}

.account-status-progress {
Expand Down Expand Up @@ -361,8 +364,26 @@ textarea {
gap: 8px;
}

.account-status-card button {
flex: 1 1 0;
.account-status-card-header,
.account-status-card-checkin {
align-items: flex-start !important;
flex-direction: column !important;
gap: 8px !important;
}

.account-status-card-identity,
.account-status-card-name,
.account-status-card-filename,
.account-status-card-checkin-label {
max-width: 100%;
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}

.account-status-card-header > button,
.account-status-card-checkin > button {
flex: 0 0 auto;
}
}

Expand Down Expand Up @@ -853,7 +874,7 @@ textarea {

@media (max-width: 640px) {
.console-main {
padding: 20px 0 32px;
padding: 76px 0 32px;
}

.console-main > * {
Expand Down Expand Up @@ -1061,6 +1082,19 @@ textarea {
word-break: break-word;
}

#debug .debug-credential {
overflow-wrap: anywhere;
word-break: break-word;
}

#debug .debug-credential * {
max-width: 100%;
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
white-space: normal;
}

#debug .debug-entry-tags > span {
flex: 0 0 auto;
}
Expand Down
1 change: 1 addition & 0 deletions docs/postcss.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export default {};
Loading