Skip to content

Commit

Permalink
Reput spacing.svg and finishing resizing the bounding box of all Inpu…
Browse files Browse the repository at this point in the history 
…t card svgs to 100x100
  • Loading branch information
@roblevintennis
roblevintennis committed Sep 25, 2020
1 parent 6c5610b commit 7582a4d
Show file tree
Hide file tree
Showing 10 changed files with 76 additions and 91 deletions.
3 changes: 3 additions & 0 deletions showcase/src/assets/button.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 12 additions & 0 deletions showcase/src/assets/buttonselect.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions showcase/src/assets/checkbox.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions showcase/src/assets/input.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions showcase/src/assets/progress.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions showcase/src/assets/radio.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions showcase/src/assets/select.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions showcase/src/assets/textarea.svg
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
114 changes: 24 additions & 90 deletions showcase/src/views/InputCards.vue
View file
Expand Up @@ -12,15 +12,7 @@
<h6>Button</h6>
</header>
<a href="#buttons" :class="$style.cardbody">
<svg
width="88"
height="32"
viewBox="0 0 88 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect width="88" height="32" rx="3" fill="#D8D8D8" />
</svg>
<ButtonSVG />
</a>
</Card>
</FlexCol>
Expand All @@ -30,15 +22,7 @@
<h6>Input</h6>
</header>
<a href="#" :class="$style.cardbody">
<svg
width="88"
height="32"
viewBox="0 0 88 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect x="0.5" y="0.5" width="87" height="31" rx="2.5" stroke="#D8D8D8" />
</svg>
<InputSVG />
</a>
</Card>
</FlexCol>
Expand All @@ -48,16 +32,7 @@
<h6>Textarea</h6>
</header>
<a href="#" :class="$style.cardbody">
<svg
width="88"
height="72"
viewBox="0 0 88 72"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect x="0.5" y="0.5" width="87" height="71" rx="2.5" stroke="#D8D8D8" />
<line x1="83.3536" y1="60.3536" x2="76.3536" y2="67.3536" stroke="#D8D8D8" />
</svg>
<TextareaSVG />
</a>
</Card>
</FlexCol>
Expand All @@ -67,16 +42,7 @@
<h6>Select</h6>
</header>
<a href="#" :class="$style.cardbody">
<svg
width="88"
height="32"
viewBox="0 0 88 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M75 21L70.6699 13.5L79.3301 13.5L75 21Z" fill="#C4C4C4" />
<rect x="0.5" y="0.5" width="87" height="31" rx="2.5" stroke="#D8D8D8" />
</svg>
<SelectSVG />
</a>
</Card>
</FlexCol>
Expand All @@ -88,19 +54,7 @@
<h6>Progress</h6>
</header>
<a href="#" :class="$style.cardbody">
<svg
width="88"
height="10"
viewBox="0 0 88 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect x="0.5" y="0.5" width="87" height="9" rx="4.5" stroke="#D8D8D8" />
<path
d="M0 5C0 2.23858 2.23858 0 5 0H34.4667V10H5C2.23858 10 0 7.76142 0 5Z"
fill="#D8D8D8"
/>
</svg>
<ProgressSVG />
</a>
</Card>
</FlexCol>
Expand All @@ -110,20 +64,7 @@
<h6>Checkbox</h6>
</header>
<a href="#" :class="$style.cardbody">
<svg
width="92"
height="54"
viewBox="0 0 92 54"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect x="28.5" y="22.5" width="63" height="9" stroke="#D8D8D8" />
<rect x="28.5" y="0.5" width="63" height="9" stroke="#D8D8D8" />
<rect x="28.5" y="44.5" width="63" height="9" stroke="#D8D8D8" />
<rect y="22" width="10" height="10" fill="#D8D8D8" />
<rect x="0.5" y="0.5" width="9" height="9" stroke="#D8D8D8" />
<rect x="0.5" y="44.5" width="9" height="9" stroke="#D8D8D8" />
</svg>
<CheckboxSVG />
</a>
</Card>
</FlexCol>
Expand All @@ -133,20 +74,7 @@
<h6>Radio</h6>
</header>
<a href="#" :class="$style.cardbody">
<svg
width="90"
height="54"
viewBox="0 0 90 54"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect x="26.5" y="0.5" width="63" height="9" stroke="#D8D8D8" />
<rect x="26.5" y="22.5" width="63" height="9" stroke="#D8D8D8" />
<rect x="26.5" y="44.5" width="63" height="9" stroke="#D8D8D8" />
<circle cx="5" cy="5" r="4.5" stroke="#D8D8D8" />
<circle cx="5" cy="27" r="5" fill="#CCCCCC" />
<circle cx="5" cy="49" r="4.5" stroke="#D8D8D8" />
</svg>
<RadioSVG />
</a>
</Card>
</FlexCol>
Expand All @@ -156,17 +84,7 @@
<h6>Button Select</h6>
</header>
<a href="#" :class="$style.cardbody">
<svg
width="104"
height="20"
viewBox="0 0 104 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M36 0H68V20H36V0Z" fill="#D8D8D8" />
<path d="M0 0H32V20H0V0Z" fill="#CCCCCC" />
<path d="M72 0H104V20H72V0Z" fill="#D8D8D8" />
</svg>
<ButtonSelectSVG />
</a>
</Card>
</FlexCol>
Expand All @@ -179,6 +97,14 @@ import Card from "agnosticui/Card.vue";
import FlexGrid from "agnosticui/FlexGrid/FlexGrid";
import FlexRow from "agnosticui/FlexGrid/FlexRow";
import FlexCol from "agnosticui/FlexGrid/FlexCol";
import ButtonSVG from "../assets/button.svg";
import InputSVG from "../assets/input.svg";
import TextareaSVG from "../assets/textarea.svg";
import SelectSVG from "../assets/select.svg";
import ProgressSVG from "../assets/progress.svg";
import CheckboxSVG from "../assets/checkbox.svg";
import RadioSVG from "../assets/radio.svg";
import ButtonSelectSVG from "../assets/buttonselect.svg";
export default {
name: "InputCards",
Expand All @@ -187,6 +113,14 @@ export default {
FlexCol,
FlexGrid,
FlexRow,
ButtonSVG,
InputSVG,
TextareaSVG,
SelectSVG,
ProgressSVG,
CheckboxSVG,
RadioSVG,
ButtonSelectSVG,
},
};
</script>
Expand Down
7 changes: 6 additions & 1 deletion showcase/src/views/SystemCards.vue
View file
Expand Up @@ -31,7 +31,9 @@
<header :class="$style.cardheader">
<h6>Spacing</h6>
</header>
<a href="#spacing" :class="$style.cardbody"></a>
<a href="#spacing" :class="$style.cardbody">
<SpacingSVG />
</a>
</Card>
</FlexCol>
<FlexCol v-bind:xs="12" auto>
Expand All @@ -56,6 +58,8 @@ import FlexCol from "agnosticui/FlexGrid/FlexCol";
import ColorSVG from "../assets/color2.svg";
import GridSVG from "../assets/grid.svg";
import TypographySVG from "../assets/typography.svg";
import SpacingSVG from "../assets/spacing.svg";
export default {
name: "SystemCards",
components: {
Expand All @@ -66,6 +70,7 @@ export default {
ColorSVG,
TypographySVG,
GridSVG,
SpacingSVG,
},
};
</script>
Expand Down

0 comments on commit 7582a4d

Please sign in to comment.