Update

miljodir · Sep 9, 2024 · 1d9e716 · 1d9e716
1 parent b41fd6f
commit 1d9e716
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 11 deletions.
diff --git a/packages/css/src/tile/README.md b/packages/css/src/tile/README.md
@@ -9,7 +9,7 @@ See [Storybook](https://miljodir.github.io/md-components) for examples and more
 ## Tile horizontal
 
 ```html
-<a className="md-tile [md-tile--secondary, md-tile--fullWidth]" href="{href}" onClick="{handleClick}">
+<a className="md-tile [md-tile--secondary]" href="{href}" onClick="{handleClick}">
   <div className="md-tile__content">
     <div className="md-tile__content-icon">{icon}</div>
     <div className="md-tile__content-text">

diff --git a/packages/css/src/tile/tile.css b/packages/css/src/tile/tile.css
@@ -11,17 +11,12 @@
   font-family: 'Open sans';
   box-sizing: border-box;
   gap: 1.5em;
-  height: 100%;
-  width: 100%;
   text-align: start;
-  min-width: 340px;
+  width: 440px;
+  max-width: 100%;
   transition: all 0.15s ease-in-out;
 }
 
-.md-tile:not(.md-tile--fullWidth) {
-  max-width: 440px;
-}
-
 .md-tile--secondary {
   background-color: var(--mdSecondaryColor40);
 }

diff --git a/packages/react/src/tiles/MdTile.tsx b/packages/react/src/tiles/MdTile.tsx
@@ -8,7 +8,6 @@ export type MdTileProps = {
   href?: string;
   theme?: string;
   disabled?: boolean;
-  fullWidth?: boolean;
   icon?: React.ReactNode;
   preventDefault?: boolean;
   onClick?(_e: React.MouseEvent): void;
@@ -22,7 +21,6 @@ const MdTile: React.FC<MdTileProps> = ({
   theme,
   disabled = false,
   icon = null,
-  fullWidth = false,
   preventDefault = false,
   onClick,
   ...otherProps
@@ -32,7 +30,6 @@ const MdTile: React.FC<MdTileProps> = ({
     {
       'md-tile--disabled': !!disabled,
       'md-tile--secondary': theme && theme === 'secondary',
-      'md-tile--fullWidth': fullWidth,
     },
     otherProps.className,
   );