1
0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-31 18:17:23 +01:00

fix: improves padding for mobile (#2616)

This commit is contained in:
Amir Raminfar
2023-12-20 14:42:30 -08:00
committed by GitHub
parent 3a214590be
commit a8c9237c72
3 changed files with 3 additions and 3 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div class="flex flex-1 items-center gap-2 truncate">
<div class="flex flex-1 items-center gap-1.5 truncate md:gap-2">
<label class="swap swap-rotate">
<input type="checkbox" v-model="pinned" />
<carbon:star-filled class="swap-on text-secondary" />

View File

@@ -1,7 +1,7 @@
<template>
<scrollable-view :scrollable="scrollable" v-if="container">
<template #header v-if="showTitle">
<div class="ml-4 mr-2 flex items-center gap-2">
<div class="mx-2 flex items-center gap-2 md:ml-4">
<container-title @close="$emit('close')" />
<container-stat class="ml-auto" />

View File

@@ -58,7 +58,7 @@ watch(
monospace;
> li {
@apply flex break-words px-4 py-1 last:snap-end odd:bg-gray-400/[0.07];
@apply flex break-words px-2 py-1 last:snap-end odd:bg-gray-400/[0.07] md:px-4;
&:last-child {
scroll-margin-block-end: 5rem;
}