lookbook 0.3.0.beta.0 → 0.3.0.beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/lookbook/css/app.css +2 -2
- data/app/views/lookbook/_workbench.html.erb +1 -1
- data/app/views/lookbook/layouts/app.html.erb +7 -7
- data/app/views/lookbook/workbench/_preview.html.erb +1 -1
- data/lib/lookbook/version.rb +1 -1
- data/public/lookbook-assets/app.css +6 -8
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 6b0d42f049a62be24079955f108c14f4b7b73b8b0f0a677639cce865e2260006
|
|
4
|
+
data.tar.gz: db6d156648495478cdcd55101065cb3875cfbdfb2b9bce3f924e37a11b2b789b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 15a7f9761f859bfdc9965801aba418e30fc95520635fc1a03dd9ff63af5e73e98563bc8d16420ae705824f18dffcdc9f834b57547815c4ab5cf899aba831e2e3
|
|
7
|
+
data.tar.gz: 889cea13089b40fa493c7ca39e6ff871f9db6432b9fffa1b57ab1a3a686b6e04ee2d0e3859093abcea386ccd67e2d7fe3aeaf2acf239632c535332d2a35e2ae3
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<div id="workbench" class="bg-gray-50 h-
|
|
1
|
+
<div id="workbench" class="bg-gray-50 h-screen flex flex-col" x-data="workbench">
|
|
2
2
|
<%= render "./workbench/header" %>
|
|
3
3
|
<div class="md:grid flex-grow" :style="`grid-template-rows: 1fr 1px ${$store.inspector.height}px`">
|
|
4
4
|
<%= render "./workbench/preview" %>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
<html lang="en" class="h-
|
|
2
|
+
<html lang="en" class="h-screen">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
5
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
<title><%= [@example&.label, @preview&.label, "Lookbook"].compact.join(" :: ") %></title>
|
|
19
19
|
</head>
|
|
20
|
-
<body class="text-gray-800 font-sans text-sm antialiased h-
|
|
20
|
+
<body class="text-gray-800 font-sans text-sm antialiased h-screen overflow-hidden">
|
|
21
21
|
<div
|
|
22
22
|
x-data="page"
|
|
23
23
|
x-effect="updateTitle"
|
|
@@ -25,15 +25,15 @@
|
|
|
25
25
|
@popstate.window="fetchHTML().then(doc => { $dispatch('document:loaded', {doc}); sidebarOpenMobile = false})"
|
|
26
26
|
@sidebar:toggle.window="sidebarOpenMobile = !sidebarOpenMobile"
|
|
27
27
|
:style="`grid-template-columns: ${$store.nav.width}px 1px 1fr;`"
|
|
28
|
-
class="md:grid w-screen
|
|
28
|
+
class="md:grid w-screen h-screen"
|
|
29
29
|
>
|
|
30
|
-
<div class="h-full
|
|
30
|
+
<div class="h-full bg-gray-100 overflow-hidden" x-show="$screen('md') || sidebarOpenMobile" x-cloak>
|
|
31
31
|
<%= render "./sidebar" %>
|
|
32
32
|
</div>
|
|
33
|
-
<div x-data="split(splitProps)" class="h-
|
|
34
|
-
<div class="w-[9px] h-full
|
|
33
|
+
<div x-data="split(splitProps)" class="h-full gutter border-r border-gray-300 relative" x-show="$screen('md')" x-cloak>
|
|
34
|
+
<div class="w-[9px] h-full bg-transparent hover:bg-indigo-100 hover:bg-opacity-20 transition absolute top-0 bottom-0 transform -translate-x-1/2 cursor-[col-resize] z-10"></div>
|
|
35
35
|
</div>
|
|
36
|
-
<main id="main" x-effect="render" class="h-
|
|
36
|
+
<main id="main" x-effect="render" class="h-full overflow-hidden w-full" x-show="!$screen('md') || !sidebarOpenMobile" x-cloak>
|
|
37
37
|
<%= yield %>
|
|
38
38
|
</main>
|
|
39
39
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<div id="preview" class="h-full
|
|
1
|
+
<div id="preview" class="h-full md:h-auto md:min-h-0 flex w-full bg-gray-50">
|
|
2
2
|
<div class="relative mx-auto bg-white" x-data="preview" :style="`width: ${$screen('md') ? $store.preview.width : '100%'}`">
|
|
3
3
|
<iframe seamless
|
|
4
4
|
class="absolute h-full inset-0 w-full border-l border-gray-300 md:pr-4 md:-mx-px"
|
data/lib/lookbook/version.rb
CHANGED
|
@@ -818,12 +818,10 @@ pre[class*="language-"] {
|
|
|
818
818
|
fill: none;
|
|
819
819
|
}
|
|
820
820
|
|
|
821
|
-
.h-fill {
|
|
822
|
-
height: -webkit-fill-available;
|
|
823
|
-
}
|
|
824
|
-
|
|
825
821
|
.min-h-fill {
|
|
826
822
|
min-height: -webkit-fill-available;
|
|
823
|
+
min-height: -moz-available;
|
|
824
|
+
min-height: fill-available;
|
|
827
825
|
}
|
|
828
826
|
|
|
829
827
|
::-webkit-scrollbar {
|
|
@@ -1595,14 +1593,14 @@ pre[class*="language-"] {
|
|
|
1595
1593
|
height: 0.75rem;
|
|
1596
1594
|
}
|
|
1597
1595
|
|
|
1598
|
-
.h-\[11px\] {
|
|
1599
|
-
height: 11px;
|
|
1600
|
-
}
|
|
1601
|
-
|
|
1602
1596
|
.h-screen {
|
|
1603
1597
|
height: 100vh;
|
|
1604
1598
|
}
|
|
1605
1599
|
|
|
1600
|
+
.h-\[11px\] {
|
|
1601
|
+
height: 11px;
|
|
1602
|
+
}
|
|
1603
|
+
|
|
1606
1604
|
.h-3\.5 {
|
|
1607
1605
|
height: 0.875rem;
|
|
1608
1606
|
}
|