104104 html
105105 {height : 100% ;font-family : arial}
106106 body
107- {display : flex;flex-direction : column;height : calc (100% - 40px );margin : 20px ; gap : 10 px }
107+ {display : flex;flex-direction : column;height : calc (100% - 40px );margin : 20px }
108108
109109 # output-hdr
110- {display : flex;gap : 10px ;}
110+ {display : flex;gap : 10px ;margin-bottom : 10 px }
111111 # output-hdr > div
112112 {display : flex;gap : 10px ;align-items : center;border : 1px solid lightgray;border-radius : 5px ;padding : 3px 5px }
113113 # output-show
140140
141141
142142 # main
143- {display : flex;flex : 1 ;margin : 5px 0 ; gap : 10 px }
143+ {display : flex;flex : 1 ;margin : 5px 0 }
144144
145145 # view1
146146 {flex : 1 ;display : flex;flex-direction : column;border : 1px solid var (--green );padding : 5px ;box-sizing : border-box}
149149 {flex : 1 ;display : flex;flex-direction : column;border : 1px solid var (--red );padding : 5px ;box-sizing : border-box}
150150
151151
152- # hdr
153- {display : flex;align-items : center;padding : 5px }
154152
155153 # label
156154 {flex : 1 ;text-align-center}
161159 # output
162160 {border : 1px solid lightgray;padding : 5px ;box-sizing : border-box}
163161
164- /*
165- #output-hldr
166- {flex:1;border:1px solid lightgray;overflow:auto;margin:0;padding:5px;box-sizing:border-box}
167- */
168-
169-
162+ # slider-1 , # slider-2
163+ {}
164+
170165 .red
171166 {position : absolute;background : var (--red );z-index : 20 }
172167 .green
181176 < body >
182177
183178 < editors-hdr v2.0 component =grp >
179+ < h1 slot =seo-hdr > text-diff</ h1 >
184180 < img slot =title src ='images/text-diff.png ' style ='top:5px;height:45px '>
185- < h4 slot =version > v3.0</ h4 >
186- < time slot =date datetime =2026-01-24 > 24 Jan 2026</ time >
181+ < h4 slot =version >
182+ v3.0
183+ </ h4 >
184+ < time slot =date datetime =2026-02-05 >
185+ 05 Feb 2026
186+ </ time >
187187 </ editors-hdr >
188188
189+
189190 < div id =output-hdr >
190191 < div id =output-show >
191192 show output
@@ -194,6 +195,7 @@ <h4 slot=version>v3.0</h4>
194195 < input type =button value =check >
195196 </ div >
196197
198+
197199 < div id =main >
198200 < div id =view1 >
199201 < div id =hdr >
@@ -214,10 +216,11 @@ <h4 slot=version>v3.0</h4>
214216 </ div >
215217 </ div >
216218
219+
217220 < div id =slider-2 style ='height:10px;cursor:ns-resize '> </ div >
218221
219222
220- < web-editor component id =output mode =text > </ web-editor >
223+ < web-editor v2.0 component id =output mode =text > </ web-editor >
221224
222225
223226
0 commit comments