search

KUN1007 / kun-galgame-nuxt3

The CUTEST Visual Novel / Galgame Forum! KUN Visual Novel project. KUN Visual Novel Forum 2nd generation!
https://www.kungal.com
GNU Affero General Public License v3.0
614 stars 44 forks source link

Sidebar and setting page are unavailable on iPad Portrait #50

Closed zjkmxy closed 7 months ago

zjkmxy commented 7 months ago

Description

When screen width is 700px to 1000px, there is no way to set the language. The setting icon in right corner beside the avatar is hidden, but the menu button in the left corner is not shown. iPad (except Pro) has a width of 768px in Portrait orientation.

Here attaches a screenshot to demonstrate this issue. The screenshot is in Firefox but the result looks the same.

image

Corresponding Code

https://github.com/KUN1007/kun-galgame-nuxt3/blob/00f2d7f0c6eb007c06ee7c7322addfb86c2ff466/components/kun/top-bar/Avatar.vue#L164-L167

https://github.com/KUN1007/kun-galgame-nuxt3/blob/00f2d7f0c6eb007c06ee7c7322addfb86c2ff466/components/kun/top-bar/Nav.vue#L103-L110

The side navigation bar is also inaccessible:

https://github.com/KUN1007/kun-galgame-nuxt3/blob/00f2d7f0c6eb007c06ee7c7322addfb86c2ff466/pages/index.vue#L99-L103

Suggested Solution

Redesign the layout for iPad.