Remove glossy from outline badges
This commit is contained in:
@@ -32,6 +32,9 @@ final class Badge
|
|||||||
*/
|
*/
|
||||||
public function mount(?BadgeableInterface $obj = null, ?string $class = null, ?string $colour = null, ?string $label = null, bool $outline = false, ?string $icon = null, bool $glossy = false): void
|
public function mount(?BadgeableInterface $obj = null, ?string $class = null, ?string $colour = null, ?string $label = null, bool $outline = false, ?string $icon = null, bool $glossy = false): void
|
||||||
{
|
{
|
||||||
|
if ($outline && $glossy) {
|
||||||
|
throw new \RuntimeException('The "outline" and "glossy" props cannot be used together.');
|
||||||
|
}
|
||||||
|
|
||||||
if (!$icon) {
|
if (!$icon) {
|
||||||
$this->icon = null;
|
$this->icon = null;
|
||||||
@@ -78,11 +81,7 @@ final class Badge
|
|||||||
$merger = TailwindMerge::instance();
|
$merger = TailwindMerge::instance();
|
||||||
|
|
||||||
if (true === $outline) {
|
if (true === $outline) {
|
||||||
$glossyClass = $glossy
|
$classes = sprintf('bg-white %s/50 %s %s %s', $palette->borderColourClass, $palette->textColourClass, $this->baseClasses, $class);
|
||||||
? 'bg-[image:radial-gradient(ellipse_at_top_left,color-mix(in_srgb,currentColor_5%,transparent),transparent_65%),linear-gradient(to_bottom,transparent,color-mix(in_srgb,currentColor_4%,transparent))]'
|
|
||||||
: '';
|
|
||||||
|
|
||||||
$classes = sprintf('bg-white %s/50 %s %s %s %s', $palette->borderColourClass, $palette->textColourClass, $glossyClass, $this->baseClasses, $class);
|
|
||||||
} else {
|
} else {
|
||||||
$glossyClass = $glossy
|
$glossyClass = $glossy
|
||||||
? 'bg-[image:radial-gradient(ellipse_at_top_left,rgba(255,255,255,0.25),transparent_65%),linear-gradient(to_bottom,rgba(255,255,255,0.05),rgba(0,0,0,0.12))]'
|
? 'bg-[image:radial-gradient(ellipse_at_top_left,rgba(255,255,255,0.25),transparent_65%),linear-gradient(to_bottom,rgba(255,255,255,0.05),rgba(0,0,0,0.12))]'
|
||||||
|
|||||||
Reference in New Issue
Block a user