|
15 | 15 | <!--Nav--> |
16 | 16 | <nav class="bg-gray-800 pt-2 md:pt-1 pb-1 px-1 mt-0 h-auto w-full"> |
17 | 17 | <div class="flex flex-wrap items-center"> |
18 | | - <div class="flex flex-shrink justify-center md:justify-start text-white"> |
| 18 | + <div class="flex shrink justify-center md:justify-start text-white"> |
19 | 19 | <a class="flex items-center mb-1 md:mt-2 md:mb-2" href="../../examples/index.html"> |
20 | 20 | <img src="assets/logo_white.svg" alt="logo" class="h-11 ml-3 mr-2"> |
21 | 21 | <span class="h-11 ml-2 py-1 text-2xl md:text-3xl">bpmn-visualization</span> |
|
24 | 24 | </div> |
25 | 25 | </nav> |
26 | 26 | <!-- Page section --> |
27 | | - <div class="flex flex-col md:flex-row flex-grow"> |
| 27 | + <div class="flex flex-col md:flex-row grow"> |
28 | 28 | <!-- Control Panel --> |
29 | 29 | <div class="bg-gray-800 shadow-xl w-full md:w-48"> |
30 | 30 | <ul class="flex flex-row md:flex-col py-0 px-1 md:px-2 md:mr-3"> |
31 | 31 | <li> |
32 | 32 | <div class="select-none pt-1 pb-0.5 md:pb-5 md:pt-0 pl-1 border-b-2 border-gray-800"> |
33 | | - <div class="bg-gradient-to-b from-red-200 to-red-100 border-b-4 border-red-600 rounded-lg shadow-xl hover:border-red-900"> |
| 33 | + <div class="bg-linear-to-b from-red-200 to-red-100 border-b-4 border-red-600 rounded-lg shadow-xl hover:border-red-900"> |
34 | 34 | <div class="cursor-pointer text-red-500 hover:text-red-900"> |
35 | 35 | <div class="text-center"> |
36 | 36 | <input type="file" id="bpmn-file" name="file" class="hidden"/> |
|
49 | 49 | <div class="py-1 md:py-3 pl-1 text-white md:border-b-2 md:border-red-500"> |
50 | 50 | <div class="block no-underline md:pb-3 md:border-b-2 md:border-blue-600"> |
51 | 51 | <label class="flex justify-evenly md:block">Fit type: |
52 | | - <select name="fitTypes" id="fitType-selected" class="w-1/2 md:w-full pl-1 md:pl-0 text-blue-900"> |
| 52 | + <select name="fitTypes" id="fitType-selected" class="w-1/2 md:w-full pl-1 md:pl-0 text-blue-900 bg-white"> |
53 | 53 | <option value="None">None</option> |
54 | 54 | <option value="HorizontalVertical">Horizontal-Vertical</option> |
55 | 55 | <option value="Horizontal">Horizontal</option> |
|
60 | 60 | </div> |
61 | 61 | <div class="block no-underline mt-2 md:mt-3"> |
62 | 62 | <label for="fit-margin" class="flex justify-around">Fit margin: |
63 | | - <input type="number" id="fit-margin" class="w-1/3 pl-1 text-red-900 md:ml-auto" min="0" max="100" value="50" maxlength="3" oninput="validity.valid||(value='');"> |
| 63 | + <input type="number" id="fit-margin" class="w-1/3 pl-1 text-red-900 bg-white md:ml-auto" min="0" max="100" value="50" maxlength="3" oninput="validity.valid||(value='');"> |
64 | 64 | </label> |
65 | 65 | </div> |
66 | 66 | </div> |
|
78 | 78 | </div> |
79 | 79 | <div class="py-1 md:py-3 pl-1 text-white md:border-b-2 md:border-b-fuchsia-400"> |
80 | 80 | <label class="flex md:block">Theme: |
81 | | - <select name="themes" id="theme-selected" class="w-1/2 md:w-full pl-1 md:pl-0 ml-2 md:ml-0 text-blue-900"> |
| 81 | + <select name="themes" id="theme-selected" class="w-1/2 md:w-full pl-1 md:pl-0 ml-2 md:ml-0 text-blue-900 bg-white"> |
82 | 82 | <option value="default" selected>Default</option> |
83 | 83 | <option value="dark">Dark</option> |
84 | 84 | <option value="brown">Brown</option> |
|
92 | 92 |
|
93 | 93 | <!-- Main section --> |
94 | 94 | <div class="flex flex-1 flex-col bg-gray-100 md:rounded-tl-2xl md:rounded-bl-2xl mt-2 md:mt-0"> |
95 | | - <div class="flex-grow mt-2 p-6 flex flex-col"> |
| 95 | + <div class="grow mt-2 p-6 flex flex-col"> |
96 | 96 | <!-- BPMN container space --> |
97 | 97 | <!-- relative position is required by bpmn-container and the generated drop-container element to make its absolute position work --> |
98 | | - <div class="flex-grow bg-white border-transparent rounded-lg shadow-xl relative"> |
| 98 | + <div class="grow bg-white border-transparent rounded-lg shadow-xl relative"> |
99 | 99 | <!-- set absolute and no inset, as mxGraph needs absolute dimension to make the fit work and to fit the whole parent container --> |
100 | 100 | <div id="bpmn-container" class="overflow-hidden absolute inset-0"> |
101 | 101 | </div> |
|
0 commit comments