Skip to content

Improve style of Superfacility API card #445

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

Open
EZoni wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Improve style of Superfacility API card #445

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
19 changes: 13 additions & 6 deletions dashboard/sfapi_manager.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -114,19 +114,25 @@ def load_sfapi_card():
with vuetify.VCardText():
# row with component to upload input file
with vuetify.VRow():
vuetify.VFileInput(
v_model=("sfapi_key_dict",),
label="Key File (pem format, must include client ID in first line)",
accept=".pem",
__properties=["accept"],
)
with vuetify.VCol():
vuetify.VFileInput(
v_model=("sfapi_key_dict",),
label="Key File (pem format, must include client ID in first line)",
accept=".pem",
prepend_icon="",
prepend_inner_icon="mdi-paperclip",
Comment on lines +122 to +123
Copy link
Copy Markdown
Member Author

@EZoni EZoni May 11, 2026

Choose a reason for hiding this comment

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

These enforce the paperclip icon to be added within the VFileInput component, not outside.

hide_details=True,
style="cursor: pointer",
Copy link
Copy Markdown
Member Author

@EZoni EZoni May 11, 2026

Choose a reason for hiding this comment

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

This changes the style of the cursor from default (arrow) to pointer (hand), which is more common for components one can click on.

__properties=["accept"],
)
# row with text field to display key expiration date
with vuetify.VRow():
with vuetify.VCol():
vuetify.VTextField(
v_model=("sfapi_key_expiration",),
label="Key Expiration (if expired or unavailable, please upload a valid key)",
readonly=True,
hide_details=True,
)
# row with text field to display Perlmutter status
with vuetify.VRow():
Expand All @@ -135,4 +141,5 @@ def load_sfapi_card():
v_model=("perlmutter_description",),
label="Perlmutter Status",
readonly=True,
hide_details=True,
)
Loading