رد منتقي اليوم إضافة هامش إلى يوم أو هيئة

أحاول تحقيق هذا التصميم على مكون منتقي يوم رد الفعل الخاص بي ولكن لا يمكنني إضافة هذا آخر شيئين.

  • أضف هامشًا على خلية اليوم/نص الشهر
  • أضف الحدود بين الشهرين. أيضًا بين الرؤوس.

لقد كنت حول لفترة من الوقت في محاولة لتحقيق وأنا لا يمكن ... ربما شخص ما يمكن أن يساعدني؟

أنا خلقت رمل مع التصميم + النموذج الأولي.

https://codesandbox.io/s/mqwo1r6p9x

شكر.

0
شكرا للإجابة السريعةCBroe. بناء على تعليقك ، يجب أن يكون الحل إضافة مساحة في الخلايا والخلفية تأخذ فقط 75٪ من المركز لجعلها "تبدو" ، إنها تحتوي على هامش كما في التصميم ، أليس كذلك؟ لأن الطريقة الأخرى هي إضافة الحاوية الإضافية التي لن تكون ممكنة مع رد فعل + هذه المكتبة ، أليس كذلك؟
وأضاف المؤلف Tomeu Cabot, مصدر
لقد وجدت حلا لقد غيرت display: table to display: grid وباستخدام : after &: before pseudo element did the "borders" codesandbox.io/s/nnk1r4lq0m ​​
وأضاف المؤلف Tomeu Cabot, مصدر
لا تسري الهوامش على أنواع شاشات table - هذه لتبدأ بها. إذا كنت تريد التباعد داخل خلايا الجدول ، فأنت بحاجة إلى استخدام الحشو ، وربما لف عنصر حاوية إضافي في ذلك إذا لزم الأمر.
وأضاف المؤلف CBroe, مصدر