save file

Author: javascript-2020

html-components/list/file-mod/file-mod.html

@@ -95,57 +95,16 @@
 
             </script>
 
-            <style>
 
+            <link rel=stylesheet href='../css/component.css'>
+            
+            <style>
 
-  html
-    {height:100%;font-family:arial}
-    
-    
   body
-    {/*height:calc(100% - 40px);*/display:flex;flex-direction:column;gap:20px;align-items:center;margin:20px;padding-bottom:200px}
-    
-    
-  body>*
-    {max-width:1400px;width:100%;padding:0 20px;}
-    
-  [component],config
-    {display:none}
-    
-  input
-    {font-size:16px;padding:5px 10px}
-  input[type=button]
-    {cursor:pointer}
-  input[type=checkbox]
-    {width:15px;height:15px;margin:0}
-    
-    
-  #demo-tree
-    {margin:20px 0;height:auto !important;overflow:visible;box-sizing:border-box;outline:none;border-radius:5px;
-      border:none !important;
-      /*border:1px solid lightgray !important;*/
-    }
-    
-  #view-hdr
-    {padding:10px;font-weight:bold;background:rgba(173,216,230,0.5);border:1px solid lightgray;border-radius:5px}
-    
-  #view
-    {border:1px solid lightgray;border-radius:5px;padding:10px}
-  web-editor
-    {}
-    
-    
-  .wunderbaum .wb-expander
-    {opacity:1 !important;transition:none !important}
-  .wb-row
-    {cursor:pointer}
-    
-    
-  .icon
-    {border:1px solid gray;border-radius:3px;box-sizing:border-box;width:30px;height:30px;cursor:pointer}
-  .spc
-    {flex:1;max-width:200px}
+    {margin-top:50px}
 
+  html-components-hdr
+    {position:fixed;z-index:1;background:white}
 
             </style>
 
@@ -155,7 +114,7 @@
 
 
             <html-components-hdr v2.0 component=grp1>
-                  <h2 class=title style='top:20px'>
+                  <h2 slot=title>
                         file-mod
                   </h2>
                   <time slot=date datetime=2026-02-10>