some visibility of the mem, cpu, and bat bars
This commit is contained in:
		
							parent
							
								
									67193c257d
								
							
						
					
					
						commit
						28645f7175
					
				
					 2 changed files with 69 additions and 46 deletions
				
			
		
							
								
								
									
										25
									
								
								eww/eww.scss
									
										
									
									
									
								
							
							
						
						
									
										25
									
								
								eww/eww.scss
									
										
									
									
									
								
							| 
						 | 
				
			
			@ -153,16 +153,27 @@ tooltip label {
 | 
			
		|||
}
 | 
			
		||||
.iconmem {
 | 
			
		||||
    color: $base0A;
 | 
			
		||||
    padding: 9px 12px 8px 8px;
 | 
			
		||||
}
 | 
			
		||||
.iconbat {
 | 
			
		||||
    color: $base0B;
 | 
			
		||||
    color: $base0E;
 | 
			
		||||
    margin: 10px 10px 8px 10px;
 | 
			
		||||
}
 | 
			
		||||
.iconcpu {
 | 
			
		||||
    color: $base0B;
 | 
			
		||||
    color: $base0D;
 | 
			
		||||
    margin: 8px 11px 8px 8px;
 | 
			
		||||
}
 | 
			
		||||
.iconbat, .iconmem, .iconcpu {
 | 
			
		||||
    font-size: 15;
 | 
			
		||||
    margin: 10px;
 | 
			
		||||
    font-size: 12;
 | 
			
		||||
}
 | 
			
		||||
.mem_label {
 | 
			
		||||
    color: $base0A;
 | 
			
		||||
}
 | 
			
		||||
.cpu_label {
 | 
			
		||||
    color: $base0D;
 | 
			
		||||
}
 | 
			
		||||
.bat_label {
 | 
			
		||||
    color: $base0E;
 | 
			
		||||
}
 | 
			
		||||
.bright_icon {
 | 
			
		||||
    font-size: 18;
 | 
			
		||||
| 
						 | 
				
			
			@ -185,19 +196,19 @@ tooltip label {
 | 
			
		|||
.mem_module {
 | 
			
		||||
    background-color: rgba(00, 00, 00, 0.0);
 | 
			
		||||
    border-radius: 16px;
 | 
			
		||||
    margin: 0px 10px 0px 10px;
 | 
			
		||||
    margin: 0px 0px 0px 5px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
.bat_module {
 | 
			
		||||
    background-color: rgba(00, 00, 00, 0.0);
 | 
			
		||||
    border-radius: 16px;
 | 
			
		||||
    margin: 0px 10px 0px 10px;
 | 
			
		||||
    margin: 0px 5px 0px 0px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
.cpu_module {
 | 
			
		||||
    background-color: rgba(00, 00, 00, 0.0);
 | 
			
		||||
    border-radius: 16px;
 | 
			
		||||
    margin: 0px 10px 0px 10px;
 | 
			
		||||
    margin: 0px 5px 0px 5px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
.works {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										24
									
								
								eww/eww.yuck
									
										
									
									
									
								
							
							
						
						
									
										24
									
								
								eww/eww.yuck
									
										
									
									
									
								
							| 
						 | 
				
			
			@ -136,45 +136,57 @@
 | 
			
		|||
	    :class "bat_module"
 | 
			
		||||
	    :vexpand "false"
 | 
			
		||||
	    :hexpand "false" 
 | 
			
		||||
            :spacing 5
 | 
			
		||||
            (circular-progress
 | 
			
		||||
             :value {EWW_BATTERY["BAT1"].capacity}
 | 
			
		||||
             :class "batbar"
 | 
			
		||||
            :thickness 4
 | 
			
		||||
             :thickness 3
 | 
			
		||||
             (button 
 | 
			
		||||
              :onclick "scripts/pop system"
 | 
			
		||||
              :class "iconbat"
 | 
			
		||||
              :tooltip "${EWW_BATTERY["BAT1"].capacity}% battery left"
 | 
			
		||||
                " "))))
 | 
			
		||||
              ""))
 | 
			
		||||
            (label
 | 
			
		||||
             :text "${round(EWW_BATTERY['BAT1'].capacity, 0)}%"
 | 
			
		||||
             :class "bat_label")))
 | 
			
		||||
 | 
			
		||||
(defwidget cpu []
 | 
			
		||||
	   (box
 | 
			
		||||
	    :class "cpu_module"
 | 
			
		||||
	    :vexpand "false"
 | 
			
		||||
	    :hexpand "false" 
 | 
			
		||||
            :spacing 5
 | 
			
		||||
            (circular-progress
 | 
			
		||||
             :value {EWW_CPU.avg}
 | 
			
		||||
             :class "cpubar"
 | 
			
		||||
            :thickness 4
 | 
			
		||||
             :thickness 3
 | 
			
		||||
             (button 
 | 
			
		||||
              :onclick "scripts/pop system"
 | 
			
		||||
              :class "iconcpu"
 | 
			
		||||
              :tooltip "using ${EWW_CPU.avg}% of cpu"
 | 
			
		||||
                " "))))
 | 
			
		||||
              ""))
 | 
			
		||||
            (label
 | 
			
		||||
             :text "${round(EWW_CPU.avg, 0)}%"
 | 
			
		||||
             :class "cpu_label")))
 | 
			
		||||
 | 
			
		||||
(defwidget mem []
 | 
			
		||||
	   (box 
 | 
			
		||||
            :class "mem_module" 
 | 
			
		||||
            :vexpand "false" 
 | 
			
		||||
            :hexpand "false" 
 | 
			
		||||
            :spacing 5
 | 
			
		||||
            (circular-progress 
 | 
			
		||||
             :value {EWW_RAM.used_mem_perc}
 | 
			
		||||
             :class "membar"
 | 
			
		||||
            :thickness 4
 | 
			
		||||
             :thickness 3
 | 
			
		||||
             (button 
 | 
			
		||||
              :onclick "scripts/pop system"
 | 
			
		||||
              :class "iconmem"
 | 
			
		||||
              :tooltip "using ${EWW_RAM.used_mem_perc}% ram"
 | 
			
		||||
                " "))))
 | 
			
		||||
              ""))
 | 
			
		||||
            (label
 | 
			
		||||
             :text "${round(EWW_RAM.used_mem_perc, 0)}%"
 | 
			
		||||
             :class "mem_label")))
 | 
			
		||||
 | 
			
		||||
(defwidget kdeconnect []
 | 
			
		||||
           (box
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue