You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
nextcloud/dist/8630-8630.js

2 lines
6.9 KiB
JavaScript

"use strict";(self.webpackChunknextcloud=self.webpackChunknextcloud||[]).push([[8630],{7925:(t,e,a)=>{a.d(e,{A:()=>i});var n=a(71354),s=a.n(n),p=a(76314),o=a.n(p)()(s());o.push([t.id,".app-discover-app[data-v-14ba7d0d]{width:100% !important}.app-discover-app[data-v-14ba7d0d]:hover{background:var(--color-background-hover);border-radius:var(--border-radius-rounded)}.app-discover-app__skeleton[data-v-14ba7d0d]{display:flex;flex-direction:column;gap:8px;padding:30px}.app-discover-app__skeleton[data-v-14ba7d0d]>:first-child{height:50%;min-height:130px}.app-discover-app__skeleton[data-v-14ba7d0d]>:nth-child(2){width:50px}.app-discover-app__skeleton[data-v-14ba7d0d]>:nth-child(5){height:20px;width:100px}.app-discover-app__skeleton[data-v-14ba7d0d]>:not(:first-child){border-radius:4px}.skeleton-element[data-v-14ba7d0d]{min-height:var(--default-font-size, 15px);background:linear-gradient(90deg, var(--color-background-dark), var(--color-background-darker), var(--color-background-dark));background-size:400% 400%;animation:gradient-14ba7d0d 6s ease infinite}@keyframes gradient-14ba7d0d{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}","",{version:3,sources:["webpack://./apps/settings/src/components/AppStoreDiscover/AppType.vue"],names:[],mappings:"AACA,mCACC,qBAAA,CAEA,yCACC,wCAAA,CACA,0CAAA,CAGD,6CACC,YAAA,CACA,qBAAA,CACA,OAAA,CAEA,YAAA,CAEA,0DACC,UAAA,CACA,gBAAA,CAGD,2DACC,UAAA,CAGD,2DACC,WAAA,CACA,WAAA,CAGD,gEACC,iBAAA,CAKH,mCACC,yCAAA,CAEA,6HAAA,CACA,yBAAA,CACA,4CAAA,CAGD,6BACC,GACC,0BAAA,CAED,IACC,4BAAA,CAED,KACC,0BAAA,CAAA",sourcesContent:["\n.app-discover-app {\n\twidth: 100% !important; // full with of the showcase item\n\n\t&:hover {\n\t\tbackground: var(--color-background-hover);\n\t\tborder-radius: var(--border-radius-rounded);\n\t}\n\n\t&__skeleton {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\n\t\tpadding: 30px; // Same as AppItem\n\n\t\t> :first-child {\n\t\t\theight: 50%;\n\t\t\tmin-height: 130px;\n\t\t}\n\n\t\t> :nth-child(2) {\n\t\t\twidth: 50px;\n\t\t}\n\n\t\t> :nth-child(5) {\n\t\t\theight: 20px;\n\t\t\twidth: 100px;\n\t\t}\n\n\t\t> :not(:first-child) {\n\t\t\tborder-radius: 4px;\n\t\t}\n\t}\n}\n\n.skeleton-element {\n\tmin-height: var(--default-font-size, 15px);\n\n\tbackground: linear-gradient(90deg, var(--color-background-dark), var(--color-background-darker), var(--color-background-dark));\n\tbackground-size: 400% 400%;\n\tanimation: gradient 6s ease infinite;\n}\n\n@keyframes gradient {\n\t0% {\n\t\tbackground-position: 0% 50%;\n\t}\n\t50% {\n\t\tbackground-position: 100% 50%;\n\t}\n\t100% {\n\t\tbackground-position: 0% 50%;\n\t}\n}\n"],sourceRoot:""}]);const i=o},9288:(t,e,a)=>{a.d(e,{A:()=>i});var n=a(71354),s=a.n(n),p=a(76314),o=a.n(p)()(s());o.push([t.id,"h3[data-v-11c20724]{font-size:24px;font-weight:600;margin-block:0 1em}.app-discover-showcase__list[data-v-11c20724]{list-style:none;display:flex;flex-wrap:wrap;gap:calc(var(--default-clickable-area, 44px)/2)}.app-discover-showcase__item[data-v-11c20724]{display:flex;align-items:stretch;position:relative;width:calc(33% - var(--default-clickable-area, 44px)/2)}.app-discover-showcase--small .app-discover-showcase__item[data-v-11c20724]{width:calc(50% - var(--default-clickable-area, 44px)/2)}.app-discover-showcase--extra-small .app-discover-showcase__item[data-v-11c20724]{width:100%}","",{version:3,sources:["webpack://./apps/settings/src/components/AppStoreDiscover/ShowcaseType.vue"],names:[],mappings:"AAGA,oBACC,cAAA,CACA,eAAA,CACA,kBAAA,CAIA,8CACC,eAAA,CAEA,YAAA,CACA,cAAA,CACA,+CAdS,CAiBV,8CACC,YAAA,CACA,mBAAA,CAEA,iBAAA,CACA,uDAAA,CAKD,4EACC,uDAAA,CAKD,kFACC,UAAA",sourcesContent:["\n$item-gap: calc(var(--default-clickable-area, 44px) / 2);\n\nh3 {\n\tfont-size: 24px;\n\tfont-weight: 600;\n\tmargin-block: 0 1em;\n}\n\n.app-discover-showcase {\n\t&__list {\n\t\tlist-style: none;\n\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: $item-gap;\n\t}\n\n\t&__item {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\n\t\tposition: relative;\n\t\twidth: calc(33% - $item-gap);\n\t}\n}\n\n.app-di
//# sourceMappingURL=8630-8630.js.map?v=eb1ab06c4928352754c5