lookbook 0.3.0.beta.0 → 0.3.0.beta.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
}
|