Skip to content

Improve style of Superfacility API card#445

Open
EZoni wants to merge 1 commit into
BLAST-AI-ML:mainfrom
EZoni:style_sfapi_card
Open

Improve style of Superfacility API card#445
EZoni wants to merge 1 commit into
BLAST-AI-ML:mainfrom
EZoni:style_sfapi_card

Conversation

@EZoni
Copy link
Copy Markdown
Member

@EZoni EZoni commented May 11, 2026

Overview

Minor style changes extracted from #439.

Before

Screenshot from 2026-05-11 11-07-40

After

Screenshot from 2026-05-11 11-22-30

Diff without whitespace

diff --git a/dashboard/sfapi_manager.py b/dashboard/sfapi_manager.py
index b3dd58d..362881c 100644
--- a/dashboard/sfapi_manager.py
+++ b/dashboard/sfapi_manager.py
@@ -114,10 +114,15 @@ def load_sfapi_card():
             with vuetify.VCardText():
                 # row with component to upload input file
                 with vuetify.VRow():
+                    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",
+                            hide_details=True,
+                            style="cursor: pointer",
                             __properties=["accept"],
                         )
                 # row with text field to display key expiration date
@@ -127,6 +132,7 @@ def load_sfapi_card():
                             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():
@@ -135,4 +141,5 @@ def load_sfapi_card():
                             v_model=("perlmutter_description",),
                             label="Perlmutter Status",
                             readonly=True,
+                            hide_details=True,
                         )

@EZoni EZoni requested a review from RemiLehe May 11, 2026 18:26
@EZoni EZoni added the dashboard Changes related to the dashboard label May 11, 2026
prepend_icon="",
prepend_inner_icon="mdi-paperclip",
hide_details=True,
style="cursor: pointer",
Copy link
Copy Markdown
Member Author

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.

Comment on lines +122 to +123
prepend_icon="",
prepend_inner_icon="mdi-paperclip",
Copy link
Copy Markdown
Member Author

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.

@EZoni EZoni mentioned this pull request May 14, 2026
13 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dashboard Changes related to the dashboard

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants