kasper.space / date-picker-svelte
[READ-ONLY] Mirror of https://github.com/probablykasper/date-picker-svelte. Date and time picker for Svelte date-picker-svelte.kasper.space
calendar date date-picker date-time-picker datepicker package svelte time
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

website: Improve mobile styling

Kasper (Sep 20, 2023, 8:11 AM +0200) ec7c6221 626a611e

+15 -9
+3 -1
src/routes/+layout.svelte
··· 148 148 .page 149 149 max-width: 800px 150 150 margin: auto 151 - padding: 0px 30px 151 + padding: 0px 15px 152 + @media (min-width: 400px) 153 + padding: 0px 30px 152 154 padding-bottom: 100px 153 155 .header-title 154 156 color: var(--primary)
+4 -2
src/routes/prop.svelte
··· 39 39 40 40 <style lang="sass"> 41 41 .prop 42 - display: flex 42 + display: block 43 + @media (min-width: 450px) 44 + display: flex 43 45 padding: 5px 0px 46 + align-items: center 44 47 .label 45 - display: inline-block 46 48 width: 195px 47 49 flex-shrink: 0 48 50 input[type='text'], textarea
+8 -6
src/routes/split.svelte
··· 19 19 transition: background 80ms cubic-bezier(0.4, 0.0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1) 20 20 box-shadow: 0px 1px 3px 0px rgba(#000000, 0.05) 21 21 border-radius: 5px 22 - padding: 0px 20px 22 + padding: 10px 23 + flex-direction: column 24 + box-shadow: 0px 1px 3px 0px rgba(#000000, 0.05) 25 + @media (min-width: 401px) 26 + padding: 20px 27 + @media (min-width: 701px) 28 + flex-direction: row 29 + @media(max-width: 700px) 23 30 @media(min-width: 701px) 24 31 section.left 25 32 padding-right: 0px ··· 28 35 padding-right: 10px 29 36 .spacer 30 37 margin-top: 20px 31 - @media(max-width: 700px) 32 - .row 33 - flex-direction: column 34 - padding: 20px 35 - box-shadow: 0px 1px 3px 0px rgba(#000000, 0.05) 36 38 </style>