From afe15f986efe2be450c860a170c7585a9785b194 Mon Sep 17 00:00:00 2001 From: neil Date: Thu, 19 Jan 2023 12:49:06 +0800 Subject: [PATCH] #156 metas component --- .../src/routes/packages/[slug]/+page.svelte | 10 ++- .../ui/src/PackageMetas/PackageMetas.svelte | 76 ++++++++++++++++++ modules/ui/src/Tabs/Tabs.svelte | 6 +- modules/ui/src/icons/fonts/tea-icons.eot | Bin 6116 -> 6348 bytes modules/ui/src/icons/fonts/tea-icons.svg | 1 + modules/ui/src/icons/fonts/tea-icons.ttf | Bin 5948 -> 6180 bytes modules/ui/src/icons/fonts/tea-icons.woff | Bin 4140 -> 4312 bytes modules/ui/src/icons/icons.css | 3 + 8 files changed, 91 insertions(+), 5 deletions(-) create mode 100644 modules/ui/src/PackageMetas/PackageMetas.svelte diff --git a/modules/gui/src/routes/packages/[slug]/+page.svelte b/modules/gui/src/routes/packages/[slug]/+page.svelte index a29b88b..c46aa85 100644 --- a/modules/gui/src/routes/packages/[slug]/+page.svelte +++ b/modules/gui/src/routes/packages/[slug]/+page.svelte @@ -13,7 +13,7 @@ import Bottles from '@tea/ui/Bottles/Bottles.svelte'; import { getPackageBottles } from '@api'; import PackageDetail from '$components/PackageDetail/PackageDetail.svelte'; - + import PackageMetas from '@tea/ui/PackageMetas/PackageMetas.svelte'; /** @type {import('./$types').PageData} */ export let data; @@ -82,10 +82,12 @@
-
- +
+ +
+
+
-
metas
SNIPPETS
snippets
diff --git a/modules/ui/src/PackageMetas/PackageMetas.svelte b/modules/ui/src/PackageMetas/PackageMetas.svelte new file mode 100644 index 0000000..131ab84 --- /dev/null +++ b/modules/ui/src/PackageMetas/PackageMetas.svelte @@ -0,0 +1,76 @@ +
+

METADATA

+ +

HOMEPAGE

+
    +
  • + + https://homepage.org +
  • +
+

DOCUMENTATION

+
    +
  • + + https://docs.org +
  • +
+

GITHUB REPOSITORY

+
    +
  • + + https://github.orm/owner/repo +
  • +
+

OWNERS

+
    +
  • +
    + optimus_prime +
  • +
  • +
    + batman_suparman +
  • +
  • +
    + james_bond +
  • +
  • +
    + pizza-rocks +
  • +
  • +
    + cognito_inc +
  • +
+

CATEGORIES

+
    +
  • + + utility +
  • +
  • + + design +
  • +
  • + + gaming +
  • +
+
diff --git a/modules/ui/src/Tabs/Tabs.svelte b/modules/ui/src/Tabs/Tabs.svelte index fe5a502..c16d1d8 100644 --- a/modules/ui/src/Tabs/Tabs.svelte +++ b/modules/ui/src/Tabs/Tabs.svelte @@ -2,6 +2,10 @@ import type { Tab } from '../types'; import { onMount } from 'svelte'; + let clazz: string = ''; + + export { clazz as class }; + import Button from '../Button/Button.svelte'; export let tabs: Tab[] = []; @@ -17,7 +21,7 @@ console.log('t', tabs); -
+
{#each tabs as tab}
diff --git a/modules/ui/src/icons/fonts/tea-icons.eot b/modules/ui/src/icons/fonts/tea-icons.eot index 09dd73877116a650214f8848ea03e7042915ca73..270539b2fa26126b189e1b4894a498ff6d47a06e 100644 GIT binary patch delta 643 zcmZvZKWGzS6u{rR?|Pop|D;oVlso2db(Q zml{sH2`;>*{2X!2bsE)!wLup^drz_b=FV=b{PDpu0N*BV15y=9sb6c|RxbXANr3_Y zpO4y4{@LNL;U6I&NW?OX)80!=W5oN0x3J@th1IM|IePh6BIB6=_lQQ*BOt;WS&1x; z`#auSVF^v|6zh`SV~;#Tv_zQ}_O6ImPj^M2d3Z#t80e6O>i~8<5Vs5Yv#B&DPDoMI zbiRO=T|71x(4^^jB2@_FiwjuD+oUZX#av;;mOgSVZsX&D>oQ?Noj}F}QDq|g#E@`Z zVC1W!z+A2jT!nKb>GuUy&2SA(4f^~^h0kEpUJ;ofF!4CU2i~X+8wxjrexIS4re^s3 zL6i6PHAI~Eo`y2=d}cOdU9fUqfXBQap$$6e3NH$1^d9mMo|G$2z3Of{cfDu2Nr!r+ JM<@ULmcJ$rfC~Ts delta 453 zcmYk2Pbh8@L_1ctHmK?APS(G`DUNe*S+N-T>YuQzDS-+Gx zQm%>vZcnc4{#R+8%rP6Uj-|ifP0!x9j$|&?3mh9=KtC$$D8k ze`WJ5$47)|-ASd*UDe#4K$ghqu0euxu}q%1^*MecM0k_9$;;vnkBTzyko422G|_yR z_c9jX1;y_P_yhi6U$CFo6(7G>7HM8k9XMT8y(~iANEm&W;Ere{Qb-*V(MDEsi42Le N1fJeU&mI5&uwQ6zYV!a9 diff --git a/modules/ui/src/icons/fonts/tea-icons.svg b/modules/ui/src/icons/fonts/tea-icons.svg index 8dc05ed..90b02ac 100644 --- a/modules/ui/src/icons/fonts/tea-icons.svg +++ b/modules/ui/src/icons/fonts/tea-icons.svg @@ -31,4 +31,5 @@ + diff --git a/modules/ui/src/icons/fonts/tea-icons.ttf b/modules/ui/src/icons/fonts/tea-icons.ttf index 15034cbe6f9b8815ef1033862fafdf7cf767755d..53b63299157fac45cc4c072d8f3a3b566061fa86 100644 GIT binary patch delta 690 zcmZvaKWGzi6vyBD{jM=klQWmgFLIZLBu%4IG;&RH{iEX0rc-FOB2p@HCTW8t*I=Vu zK!}4NuDu8j4i1HilaN6NH=UeZbWp(x4lb4|IJl&~i-SuK-h02#d-vXt_q}^{YU^|d z5C8&j7dR{yih0Ch^o?x*{uCf|yjHa;iM}yLwa;XQTCLi#q$&JE%_=3* zwMNVFy#TrlpA(<2ua~XK_{0YqP$!;lSWXjccun<5;)HEAs@u!`4uJZOa*vwp8?D)o z_ZI*}jo2A1M+;7WTWwvF&-{jAMr{CJcAf6O$eivbp2e7Z4zFU{eT++4g(|edz+!_5 z0Jn)ep<*DxGDROn1aDZ|jk9^w-3sfF|Hl~sm z4i^B-WGHFobH_5{m^$PeK{YC7&@c-J=0d7(G?~ieL%G5X=5r=_LyX`=-eV)`9SvdP zX5Y3s8&Zalb0#TV;-5GYt}sq#MPl3*a^IGPkki3HSWz`wQ19PNj?#IKw3VF6c}o~ok#>r{<2lC+7;_2 lX@&H2uz`+;i3FKP9CY&1fXLC~DGl#`%)RvD|8M1V{{l{mft3IN delta 403 zcmX|+Pbh zaa5F)%eb#BISIwVk%OXSo_EUO>FM))d%n-}J#4&eNPz&9VihX-!{MRG*4cAA;P&&> z+tbw@MjdLH8R6?23^e!C*fl_-%)^t0FvW{to!+>XVq(tB=h+F`C+j7#_~P{L*268J z9sheM$#%i#~t$tb10se6oGULvl?e^HH2lt zfc-!#vwuby(W8N%1)#!yVB1X0B`6Z-(TlkgY%@#xlpYyVR^+>~Cij&xIj;sz skJX6t;HHwON#H>@Qt(Dc5o^21>rh5UR80T? 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 J03X`{!~ph45@Y}X delta 4038 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