Skip to content

Commit

Permalink
fix: optimize ui arrangement
Browse files Browse the repository at this point in the history
  • Loading branch information
JingBh committed Sep 1, 2024
1 parent 21047b3 commit 772d53d
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 6 deletions.
6 changes: 3 additions & 3 deletions src/pages/About.vue
Original file line number Diff line number Diff line change
Expand Up @@ -41,15 +41,15 @@ const version = computed(() => {
/>
</div>
<div class="flex flex-col items-center gap-2">
<h1 class="text-2xl">
<h1 class="text-xl sm:text-2xl text-center">
<span class="font-bold">{{ school.name }}权益墙</span>
<span
v-if="version"
class="ml-2 text-sm text-gray-500 dark:text-neutral-400"
class="ml-2 text-xs text-gray-500 dark:text-neutral-400"
v-text="version"
/>
</h1>
<p class="text-gray-500 dark:text-neutral-400">
<p class="text-sm sm:text-base text-gray-500 dark:text-neutral-400 text-center">
北京工业大学{{ school.name }}学生会生活权益部
</p>
</div>
Expand Down
6 changes: 3 additions & 3 deletions src/pages/AnnouncementIndex.vue
Original file line number Diff line number Diff line change
Expand Up @@ -228,10 +228,10 @@ const onDelete = (id: number): void => {
</van-swipe>
<div
v-if="categories?.length"
class="flex gap-2 sm:gap-3 items-stretch"
class="flex gap-2 sm:gap-3 items-stretch flex-nowrap overflow-x-auto"
>
<button
class="flex-1 block px-3 sm:px-4 py-2 bg-white dark:bg-neutral-900 text-xs sm:text-sm rounded-lg"
class="flex-1 flex-shrink-0 block px-4 py-2 bg-white dark:bg-neutral-900 text-xs sm:text-sm rounded-lg break-keep"
:class="{ 'text-gray-500 dark:text-neutral-400': filter.category, 'text-brand': !filter.category }"
@click="toggleFilterCategory()"
>
Expand All @@ -240,7 +240,7 @@ const onDelete = (id: number): void => {
<button
v-for="item of categories"
:key="item.id"
class="flex-1 block px-3 sm:px-4 py-2 bg-white dark:bg-neutral-900 text-xs sm:text-sm rounded-lg"
class="flex-1 flex-shrink-0 block px-4 py-2 bg-white dark:bg-neutral-900 text-xs sm:text-sm rounded-lg break-keep"
:class="{ 'text-gray-500 dark:text-neutral-400': filter.category !== item.id, 'text-brand': filter.category === item.id }"
@click="toggleFilterCategory(item.id)"
v-text="item.name"
Expand Down

0 comments on commit 772d53d

Please sign in to comment.