Skip to content

Implement responsive design #234

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.

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

Merged
merged 11 commits into from
Jun 19, 2025
Merged

Implement responsive design #234

merged 11 commits into from
Jun 19, 2025

Conversation

yinanazhou
Copy link
Member

refs: #191

- Collapsed all the nav items including user and translate button into hamburger

refs: #191
- Removed the second column, and moved image to the back on mobile devices

refs: #191
@kunfang98927
Copy link
Contributor

Everything looks good to me!

Just a minor suggestion: the input bar on the registration page appears a bit thin on some mobile devices—for example, the iPhone 14 Pro Max (see screenshot below).
image

{% endif %}
<!-- Mobile background image (visible only on small screens) -->
<div class="d-md-none position-absolute top-50 start-50 translate-middle z-0 w-100 h-100 d-flex justify-content-center align-items-center">
<img src="{% static "assets/images/sign-up.svg" %}" alt="" class="img-fluid opacity-50 w-100 h-100" style="max-width: 80%; max-height: 80%;" />
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
<img src="{% static "assets/images/sign-up.svg" %}" alt="" class="img-fluid opacity-50 w-100 h-100" style="max-width: 80%; max-height: 80%;" />
<img src="{% static "assets/images/sign-up.svg" %}" alt="" class="opacity-50 w-100 h-100" style="max-width: 80%; max-height: 80%;" />

I think this is overriden by other attributes.

Comment on lines 16 to 20
{% block right_column %}
{% endblock right_column %}

{% block mobile_link %}
{% endblock mobile_link %}
Copy link
Contributor

Choose a reason for hiding this comment

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

In this and analogous files, you don't need these blocks, I don't think, if you aren't overriding base (which is currently empty).

@yinanazhou yinanazhou merged commit bf2ce5d into develop Jun 19, 2025
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants