Browse Source

mobile mode table-nav layout: adapt padding

pull/5114/head
Daniel Spaude 2 years ago
parent
commit
22063c8bde
No known key found for this signature in database
GPG Key ID: 654A3D1FA4F35FFE
  1. 5
      packages/nc-gui/components/smartsheet/Toolbar.vue

5
packages/nc-gui/components/smartsheet/Toolbar.vue

@ -17,7 +17,7 @@ const { allowCSVDownload } = useSharedView()
<template> <template>
<div <div
class="nc-table-toolbar w-full py-1 flex gap-2 items-center px-2 border-b overflow-x-hidden" class="nc-table-toolbar w-full py-1 flex gap-2 items-center px-2 border-b overflow-x-hidden"
:class="{ 'nc-table-toolbar--mobile flex-wrap h-auto': isMobileMode, 'h-[var(--toolbar-height)]': !isMobileMode }" :class="{ 'nc-table-toolbar-mobile': isMobileMode, 'h-[var(--toolbar-height)]': !isMobileMode }"
style="z-index: 7" style="z-index: 7"
> >
<LazySmartsheetToolbarViewActions <LazySmartsheetToolbarViewActions
@ -71,4 +71,7 @@ const { allowCSVDownload } = useSharedView()
.nc-table-toolbar { .nc-table-toolbar {
border-color: #f0f0f0 !important; border-color: #f0f0f0 !important;
} }
.nc-table-toolbar-mobile {
@apply flex-wrap h-auto py-2;
}
</style> </style>

Loading…
Cancel
Save