mirror of
https://github.com/romancm/gamebrary
synced 2024-11-23 19:53:14 +00:00
Add fallback rules for older browsers, clean up a bit
This commit is contained in:
parent
6419d3403a
commit
8b083058e1
3 changed files with 7 additions and 9 deletions
|
@ -1,6 +1,5 @@
|
|||
<template lang="html">
|
||||
<modal
|
||||
class="listAddButton"
|
||||
ref="listAddModal"
|
||||
:title="title"
|
||||
@open="open"
|
||||
|
@ -150,10 +149,6 @@ export default {
|
|||
<style lang="scss" rel="stylesheet/scss" scoped>
|
||||
@import "src/styles/styles.scss";
|
||||
|
||||
.listAddButton {
|
||||
// scroll-snap-align: center;
|
||||
}
|
||||
|
||||
.add-list-button {
|
||||
margin-right: $gp;
|
||||
}
|
||||
|
|
|
@ -313,10 +313,6 @@ export default {
|
|||
justify-content: center;
|
||||
border: 1px dashed #a5a2a2;
|
||||
}
|
||||
|
||||
@media($small) {
|
||||
scroll-snap-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
&.grid {
|
||||
|
|
|
@ -149,7 +149,14 @@ export default {
|
|||
display: flex;
|
||||
|
||||
@media($small) {
|
||||
scroll-snap-type: mandatory;
|
||||
scroll-snap-points-x: repeat(300px);
|
||||
scroll-snap-type: x mandatory;
|
||||
scroll-padding: $gp;
|
||||
|
||||
.list {
|
||||
scroll-snap-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue