ulivargas/classroomio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix adaptive style on mobile

Browse Source
This commit is contained in:
Rotimi Best
2021-11-07 01:31:59 +02:00
parent 1c01a64b4d
commit 4814d800db
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Navigation/index.svelte
+4
View File
@@ -172,5 +172,9 @@
ul { ul {
align-items: center; align-items: center;
} }
a {
padding: 0 0.5em;
}
} }
</style> </style>
src/routes/dashboard.svelte
+2 -2
View File
@@ -142,7 +142,7 @@
{/if} {/if}
<div <div
id={$isMobile ? 'calendar' : ''} id={$isMobile ? 'calendar' : ''}
class="calendar-info flex-grow border border-gray-300 ml-2 rounded-md" class="calendar-info flex-grow border border-gray-300 mx-2 rounded-md"
> >
{#if $isMobile} {#if $isMobile}
<div class="header w-full flex items-center"> <div class="header w-full flex items-center">
@@ -253,7 +253,7 @@
@media (max-width: 640px) { @media (max-width: 640px) {
:global(span.active-day) { :global(span.active-day) {
font-size: 40px; font-size: 30px;
} }
} }
</style> </style>