4444TENSEI
commented
2 months ago Closing this issue as the problem with the HTML native option text not centering can be resolved by setting the option style to { text-align: center; }. As for the other styling concerns, it was based on my personal preference. However, to achieve the desired effect, simply applying #about.section-separated { height: 100vh; } will suffice.
Modify the “LanguagePickerDropdown. vue” component to enhance its visual appeal and alignment: Suggestion ①: Convert the dropdown menu into a button, similar to the language switcher button found at the top right corner of the “Vuetify” website (https://vuetifyjs.com/). The icon within the button should dynamically change to reflect the selected language. Additionally, redesign the expanded dropdown style to align with the current design aesthetics, ensuring that the text is centered vertically within the button. Suggestion ②: Maintain the current form of the dropdown menu, but fix the issue of the text not being centered. Also, animate the arrow next to the dropdown to rotate 90 degrees when the options menu is opened.
Set the height of the "AboutSection.vue" component/the height of the page when the "About" section is displayed: how about "Full screen"? At present, as the first interface for users to watch, there will be elements of the second page, I think as the first page it can be a little cleaner, the entire page only appears the elements of the first page, and then make an arrow icon at the bottom as a reminder "Please slide down". One more small suggestion about this component, when browsing on the computer side, most people should be used to the avatar on the right side of the page, what do you think?