kihashi/stardew_community_checklist
1
0
Fork 0
mirror of https://github.com/kihashi/stardew_community_checklist.git synced 2025-10-19 08:03:17 +00:00
Code Issues Releases Activity

Adjust Sizes for Mobile and Tablets (#109)

Browse Source 
* Shrink titles

* Correct column sizing on tablet and mobile
This commit is contained in:
John Cleaver 2019-03-08 22:09:12 -05:00 committed by GitHub
parent af65ee9378
commit 0ce3b3a779
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/bundles/BundleItems.vue
View File

@ -3,7 +3,7 @@
<section class="container"> <section class="container">
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<h3 class="title"> <h3 class="title is-4">
{{bundle.name}} {{bundle.name}}
<span class="is-pulled-right">{{bundle.items_required}}</span> <span class="is-pulled-right">{{bundle.items_required}}</span>
</h3> </h3>
@ -12,7 +12,7 @@
</h5> </h5>
</div> </div>
<div class="column"> <div class="column">
<h3 class="title"> <h3 class="title is-4">
{{bundle.room.name}} {{bundle.room.name}}
<span class="is-pulled-right">{{bundle.room.items_required}}</span> <span class="is-pulled-right">{{bundle.room.items_required}}</span>
</h3> </h3>
@ -26,7 +26,7 @@
<!-- </section> <!-- </section>
<section class="section"> --> <section class="section"> -->
<div class="columns is-multiline"> <div class="columns is-multiline">
<div class="column is-3 is-flex" v-for="bundleitem in bundleItems" :key="bundleitem.id"> <div class="column is-3 is-12-mobile is-6-tablet is-flex" v-for="bundleitem in bundleItems" :key="bundleitem.id">
<item-card :item="bundleitem.item"></item-card> <item-card :item="bundleitem.item"></item-card>
</div> </div>
</div> </div>

2
src/components/search/Search.vue
View File

@ -3,7 +3,7 @@
<search-form v-model="search"></search-form> <search-form v-model="search"></search-form>
<section class="container"> <section class="container">
<div class="columns is-multiline"> <div class="columns is-multiline">
<div class="column is-3 is-flex" v-for="item in filtered_items" :key="item.id"> <div class="column is-3 is-12-mobile is-6-tablet is-flex" v-for="item in filtered_items" :key="item.id">
<item-card :item="item"></item-card> <item-card :item="item"></item-card>
</div> </div>
</div> </div>